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:
<p id="elem"><b>text</b></p>
Dapatkan referensi ke tag ini dalam sebuah variabel:
let elem = document.querySelector('#elem');
Baca kode HTML tag:
console.log(elem.innerHTML); // akan menampilkan <b>text</b>
Ubah teks tag:
elem.innerHTML = '<i>!!!</i>';
Diberikan sebuah paragraf dan sebuah tombol. Saat diklik pada tombol, baca kode HTML paragraf dan tampilkan di konsol.
Diberikan sebuah paragraf dan sebuah tombol. Saat diklik pada tombol, tulis teks baru ke dalam paragraf sehingga teks tersebut menjadi tebal.