Bekerja dengan Kode HTML Elemen di JavaScript
Elemen DOM memiliki properti innerHTML,
yang memungkinkan untuk membaca kode HTML dari elemen-elemen tersebut.
Mari kita lihat contohnya. Misalkan
kita memiliki tag berikut:
html<p id="elem"><b>text</b></p>
Dapatkan referensi ke tag ini dalam sebuah variabel:
javascriptlet elem = document.querySelector('#elem');
Baca kode HTML tag:
javascriptconsole.log(elem.innerHTML); // akan menampilkan <b>text</b>
Ubah teks tag:
javascriptelem.innerHTML = '<i>!!!</i>';
Задание 1
Diberikan sebuah paragraf dan sebuah tombol. Saat diklik pada tombol, baca kode HTML paragraf dan tampilkan di konsol.
Задание 2
Diberikan sebuah paragraf dan sebuah tombol. Saat diklik pada tombol, tulis teks baru ke dalam paragraf sehingga teks tersebut menjadi tebal.