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.