JavaScript ile Eleman Metinlerini Değiştirme
DOM elemanlarının, bu elemanların metnini okumamızı sağlayan
textContent özelliği vardır.
Bir örnek üzerinden inceleyelim. Aşağıdaki
etiketimiz olduğunu varsayalım:
html<p id="elem">metin</p>
Bu etikete bir referansı bir değişkene atalım:
javascriptlet elem = document.querySelector('#elem');
Etiketin metnini okuyalım:
javascriptconsole.log(elem.textContent);
Etiketin metnini değiştirelim:
javascriptelem.textContent = '!!!';
Bir paragraf ve bir buton verilmiştir. Butona tıklandığında paragrafın metnini okuyun ve konsola yazdırın.
Bir paragraf ve bir buton verilmiştir. Butona tıklandığında paragrafa yeni bir metin yazın.
Metin olarak bazı sayılar içeren iki paragraf ve bir buton verilmiştir. Butona basıldığında içerilen sayıların toplamını ekrana yazdırın.
Sayılar içeren üç paragraf, bir div ve bir buton verilmiştir. Butona basıldığında div'in metnine sayıların toplamını yazın.
Bir sayı içeren bir paragraf ve bir buton verilmiştir. Butona basıldığında paragrafın değerine bir ekleyin ve elde edilen sayıyı geri yazın.
Bir metin içeren bir paragraf ve bir buton verilmiştir. Butona basıldığında paragrafın metninin sonuna bir ünlem işareti ekleyin.