innerHTML bisa digunakan untuk menetapkan atau mengembalikan teks dari suatu elemen. innerHTML bukanlah bagian 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>
