DOM Eleman Grubuyla Çalışma Fonksiyonları
Şimdi parametre olarak bir eleman grubu seçiciyi ve onların yeni metnini kabul edecek bir fonksiyon yazalım. Bu fonksiyon, seçiciye uyan tüm elemanlara yeni metin ayarlasın.
Açıklanan fonksiyonu uygulayalım:
function setText(selector, text) {
let elems = document.querySelectorAll(selector);
for (let elem of elems) {
elem.textContent = text;
}
}
Onu aşağıdaki eleman grubu üzerinde test edelim:
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
elem sınıfına sahip tüm elemanlara
yeni metin ayarlayalım:
setText('.elem', 'text');
İlk parametresi bir seçici,
ikincisi ise metin olacak şekilde appendText
fonksiyonunu yapın. Bu fonksiyonun, verilen
elemanların sonuna metin eklemesini sağlayın.