Fungsi untuk Bekerja dengan Elemen DOM dalam JavaScript

Sekarang kita akan belajar membuat fungsi pembantu yang melakukan operasi tertentu dengan DOM. Sebagai contoh, mari kita buat fungsi yang parameter pertamanya akan menerima id elemen, dan yang kedua - teks elemen, dan akan menetapkan teks baru untuk elemen tersebut.

Berikut adalah fungsi yang dijelaskan:

function setText(id, text) {
	let elem = document.getElementById(id);
	elem.textContent = text;
}

Mari kita cuba kerjanya. Katakan kita mempunyai dua perenggan:

<p id="elem1"></p>
<p id="elem2"></p>

Mari kita ubah teks perenggan ini dengan menggunakan fungsi yang kita buat:

setText('elem1', 'text1');
setText('elem2', 'text2');

Ubah suai fungsi yang saya buat supaya parameternya menerima bukan id elemen, tetapi pemilih CSS sewenang-wenangnya.

Buat fungsi setAttr, yang akan mengubah atribut untuk elemen DOM. Katakan parameter pertama fungsi menerima pemilih elemen, yang kedua - nama atribut, dan yang ketiga - nilai barunya.