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.