masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu

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中文网(php.cn)</title> 
<head>
<body>
   <p>当前时间是：
    <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.


Sintaks:

document.getElementById(id).innerHTML=new HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p id="p1">Hello World!</p>
<script>
document.getElementById("p1").innerHTML="新文本!";
</script>
<p>以上段落通过脚本修改文本。</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中文网(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>


Meneruskan pembelajaran
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(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>
serahkanTetapkan Semula Kod
Bahagian sebelumnya bahagian seterusnya
Senarai Tutorial
dapatkan bantuan
  • Cadangan kursus
  • Muat turun perisian kursus
Perisian kursus tidak tersedia untuk dimuat turun pada masa ini. Kakitangan sedang menganjurkannya. Sila beri perhatian lebih kepada kursus ini pada masa hadapan~

Pelajar yang telah menonton kursus ini juga sedang belajar

Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)  492829 permainan