Kerja dengan Kod HTML Elemen dalam JavaScript
Elemen DOM mempunyai sifat innerHTML,
yang membolehkan membaca kod HTML elemen tersebut.
Mari kita lihat contoh. Katakan
kita mempunyai tag berikut:
<p id="elem"><b>text</b></p>
Dapatkan rujukan kepada tag ini dalam pembolehubah:
let elem = document.querySelector('#elem');
Baca kod HTML tag:
console.log(elem.innerHTML); // akan memaparkan <b>text</b>
Tukar teks tag:
elem.innerHTML = '<i>!!!</i>';
Diberi satu perenggan dan satu butang. Apabila diklik pada butang, baca kod HTML perenggan dan paparkan dalam konsol.
Diberi satu perenggan dan satu butang. Apabila diklik pada butang, tulis teks baharu ke dalam perenggan supaya teks tersebut menjadi tebal.
