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:
html<p id="elem"><b>text</b></p>
Dapatkan rujukan kepada tag ini dalam pembolehubah:
javascriptlet elem = document.querySelector('#elem');
Baca kod HTML tag:
javascriptconsole.log(elem.innerHTML); // akan memaparkan <b>text</b>
Tukar teks tag:
javascriptelem.innerHTML = '<i>!!!</i>';
Задание 1
Diberi satu perenggan dan satu butang. Apabila diklik pada butang, baca kod HTML perenggan dan paparkan dalam konsol.
Задание 2
Diberi satu perenggan dan satu butang. Apabila diklik pada butang, tulis teks baharu ke dalam perenggan supaya teks tersebut menjadi tebal.