Rumah > Artikel > hujung hadapan web > Bagaimana javascript mengubah kandungan HTML
Bagaimana javascript mengubah kandungan HTML
- 王林asal
- 2021-10-26 16:05:232829semak imbas
Cara menukar kandungan HTML menggunakan JavaScript: Gunakan atribut innerHTML untuk mengubah suainya, seperti [document.getElementById(id).innerHTML = new text].
Persekitaran pengendalian artikel ini: sistem windows10, javascript 1.8.5&&html 5, komputer thinkpad t480.
Cara termudah untuk JavaScript mengubah suai kandungan html ialah menggunakan atribut innerHTML. Mari lihat sintaks:
document.getElementById(id).innerHTML = new text
Sebagai contoh, jika kita ingin mengubah suai kandungan. elemen e388a4556c0f65e1904146cc1a846bee:
<html>
<body>
<p id="p1">Hello World!</p>
<script>
document.getElementById("p1").innerHTML = "hello kitty!";
</script>
</body>
</html>Penjelasan: Dokumen HTML di atas mengandungi elemen e388a4556c0f65e1904146cc1a846bee dengan id="p1". . JavaScript menukar kandungan elemen (innerHTML) kepada "Hello Kitty!"
Pembelajaran yang disyorkan: tutorial video javascript
Atas ialah kandungan terperinci Bagaimana javascript mengubah kandungan HTML. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!