Fungsi untuk Bekerja dengan Elemen DOM di JavaScript
Sekarang kita akan belajar membuat fungsi-fungsi
pembantu yang melakukan operasi-operasi tertentu
dengan DOM. Sebagai contoh, mari kita buat sebuah fungsi
yang pada parameter pertama akan menerima
id elemen, dan pada parameter kedua - teks elemen,
dan akan mengatur teks baru untuk elemen tersebut.
Berikut adalah fungsi yang dijelaskan:
function setText(id, text) {
let elem = document.getElementById(id);
elem.textContent = text;
}
Mari kita coba kerjanya. Misalkan kita memiliki dua paragraf:
<p id="elem1"></p>
<p id="elem2"></p>
Mari kita ubah teks paragraf-paragraf ini dengan menggunakan fungsi yang telah kita buat:
setText('elem1', 'text1');
setText('elem2', 'text2');
Modifikasi fungsi yang saya buat sehingga
parameternya menerima bukan id
elemen, melainkan selector CSS yang arbitrer.
Buatlah fungsi setAttr, yang
akan mengubah atribut elemen DOM. Misalkan
pada parameter pertama fungsi menerima selector
elemen, parameter kedua - nama atribut, dan parameter ketiga
- nilai barunya.