Categories: Artikel HTML DOM

Innerhtml

innerHTML dapat dipakai untuk menetapkan atau mengembalikan teks dari suatu elemen. innerHTML bukanlah bab spesifikasi W3C DOM, tetapi properti ini banyak di dukung oleh banyak browser yang ada.

Contoh di bawah ini mengembalikan teks dari H1:

<H1>Halo Dunia!</H1> <SCRIPT TYPE="text/javascript"> var x = document.getElementsByTagName("H1")[0]; alert(x.innerHTML); </SCRIPT>

Contoh di bawah ini mengganti teks dari elemen H1:

<H1>Halo Dunia!</H1> <SCRIPT TYPE="text/javascript"> var x = document.getElementsByTagName("H1")[0]; x.innerHTML = "Hello World!"; </SCRIPT>

Contoh di bawah ini mengganti teks dari elemen H1 dengan melibatkan fungsi:

<H1>Halo Dunia!</H1> <SCRIPT TYPE="text/javascript"> function foo() { var x = document.getElementsByTagName("H1")[0]; x.innerHTML = "Hello World!"; } </SCRIPT> <BUTTON TYPE="button" ONCLICK="foo()">Ubah teks!</BUTTON>

Contoh di bawah ini secara dinamis menulis teks untuk elemen H1:

<H1></H1> <SCRIPT TYPE="text/javascript"> var x = document.getElementsByTagName("H1")[0]; x.innerHTML = "Halo Dunia!"; </SCRIPT>

Demikian yang dapat kami share kepada sobat source code aplikasi pada kesempatan ini, semoga dapat bermanfaat dan bisa menjadi referensi pemrograman bagi anda. Jangan lupa like Fan Page kami, dan SUBSCRIBE Channel Youtube kami untuk dapatkan update source code aplikasi terbaru.

Ahmad Code