JavaScript DOM - menukar HTML
HTML DOM membenarkan JavaScript menukar kandungan elemen HTML.
document.write()
Dalam JavaScript, document.write() boleh digunakan untuk menulis kandungan terus ke strim output HTML.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> <head> <body> <p>當(dāng)前時(shí)間是: <script type="text/javascript"> document.write("<strong>"+(new Date()).toString()+"</strong>"); </script> </p> </body> </html>
Jangan gunakan document.write() selepas dokumen selesai dimuatkan. Ini akan menulis ganti dokumen. Atribut innerHTML digunakan untuk menetapkan atau mengembalikan HTML antara kandungan yang ditentukan.
document.getElementById(id).innerHTML=new HTML<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
</head>
<body>
<p id="p1">Hello World!</p>
<script>
document.getElementById("p1").innerHTML="新文本!";
</script>
<p>以上段落通過(guò)腳本修改文本。</p>
</body>
</html>
Tukar atribut HTML
Sintaks: document.getElementById(id).attribute=new attribute The nilai
atribut ialah nod atribut Setiap elemen DOM mempunyai atribut atribut yang sepadan untuk menyimpan semua nod atribut ialah sebuah kelas tatasusunan, tepatnya, ialah NameNodeMap Secara ringkasnya, ia adalah bekas yang serupa dengan tatasusunan tetapi berbeza daripada tatasusunan. Setiap indeks numerik atribut menyimpan nod atribut dalam bentuk pasangan nama-nilai (name="value").
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> <script type="text/javascript"> var dir = "left"; function setDir() { dir = (dir=="left") ? "right" : "left"; document.getElementById( "Mar" ).direction = dir; } </script> </head> <body> <marquee id="Mar">歡迎光臨!</marquee> <p><button onclick="setDir()">改變方向</button></p> </body> </html>