JavaScript innerHTMLVí 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
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'>hocvui.net</b> </p>
<input type='button' onclick='changeText()' value='Change Text'/>
Chào mừng các bạn đến với hocvui.net
http://hocvui.net