innerHTML là phương thức lấy ra cái gì được bọc bởi cặp thẻ nào đó. Đây là một phương thức rất thú vị để làm việc với HTML hoàn toàn dùng javascript(bạn chỉ dùng javascript sinh ra mả html)
Ví dụ ta có :
Mã nguồn:[Chọn]
<div id="1">
<b id="2">
<i>Xem dòng text mẫu</i>
</b>
</div>
<script>
document.write("Lần thứ hai vẫn thế vì chỉ bỏ cặp thẻ div"+document.getElementById("1").innerHTML+"<br />");
document.write("nhưng lần sau thì chỉ còn in nghiêng"+document.getElementById("2").innerHTML+"<br />");
</script>
Kết quả của đoạn mã trên:
Xem dòng text mẫu Lần thứ hai vẫn thế vì chỉ bỏ cặp thẻ div
Xem dòng text mẫu nhưng lần sau thì chỉ còn in nghiêng Xem dòng text mẫu
Thay đổi định dạng dùng innerHTML.Đơn giản là ta lấy nó ra, đặt lại nó, rồi lại chèn ngược vào. Đó là tất cả những gì trong function changeText()
Mã nguồn:[Chọn]
<script type="text/javascript">
function changeText()
{
var oldHTML = document.getElementById('para').innerHTML;
var newHTML = "<font color=\"#FF0000\">" + oldHTML +"</font>";
document.getElementById('para').innerHTML = newHTML;
}
</script>
<p id='para'>Chào mừng các bạn đến với <b id='boldStuff3'>CaFe3G.wAp.Sh.</b>
</p><input type='button' onclick='changeText()' value='Change Text'/>

Chào mừng các bạn đến với CaFe3G.wAp.Sh.

Các bạn bấm xem ha!