Menghantar Kumpulan Elemen DOM sebagai Parameter Fungsi
Sekarang mari fungsi setText kita
menerima rujukan kepada satu set elemen
sebagai parameter pertama, bukan hanya satu elemen:
function setText(elems, text) {
for (let elem of elems) {
elem.textContent = text;
}
}
Mari kita uji fungsi kita dalam praktik. Katakan kita mempunyai perenggan berikut:
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
Mari gunakan fungsi kita untuk menetapkan teks kepada semua perenggan ini:
let elems = document.querySelectorAll('.elem');
setText(elems, 'teks');
Buat fungsi appendText yang
menerima tatasusunan elemen DOM
sebagai parameter pertama, dan teks sebagai parameter kedua. Pastikan
fungsi ini menambah teks pada
akhir elemen yang diterima.
Buat fungsi appendElem yang
menerima rujukan kepada objek DOM
yang mengandungi tag ul
sebagai parameter pertama, dan teks sebagai parameter kedua. Pastikan
fungsi ini mencipta li baru dengan teks yang diterima
dan menambahkannya pada akhir
tag ul yang diterima.
Diberikan sebuah tatasusunan dan ul. Menggunakan fungsi
appendElem, yang dicipta dalam tugas
sebelumnya, catat setiap elemen tatasusunan ke dalam
li yang berasingan dalam ul ini.