Rumah > hujung hadapan web > tutorial js > Bagaimana javascript mengubah kandungan HTML

Bagaimana javascript mengubah kandungan HTML

王林
Lepaskan: 2021-10-26 16:05:23
asal
2857 orang telah melayarinya

Cara menukar kandungan HTML menggunakan JavaScript: Gunakan atribut innerHTML untuk mengubah suainya, seperti [document.getElementById(id).innerHTML = new text].

Bagaimana javascript mengubah kandungan HTML

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
Salin selepas log masuk

Sebagai contoh, jika kita ingin mengubah suai kandungan. elemen

:

<html>
<body>
<p id="p1">Hello World!</p>
<script>
document.getElementById("p1").innerHTML = "hello kitty!";
</script>
</body>
</html>
Salin selepas log masuk

Penjelasan: Dokumen HTML di atas mengandungi elemen

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!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan