Tag Alat
Bahagian hadapan besar
HTML
Manual Rujukan Bahasa Cina HTML DOM
HTML DOM - Ubah suai kandungan HTML
direktori
HTML DOM - Ubah suai kandungan HTML
Melalui HTML DOM, JavaScript boleh mengakses setiap elemen dalam dokumen HTML.
Menukar kandungan HTML
Cara paling mudah untuk menukar kandungan elemen ialah menggunakan sifat innerHTML.
Contoh berikut mengubah kandungan HTML elemen <p> »
Melalui HTML DOM, anda boleh mengakses gaya objek objek HTML.
Contoh berikut menukar gaya HTML perenggan:
Contoh
<html><!DOCTYPE html>
<html>
<body>
<p id="p1">Hello World!</p>
<script>
document.getElementById("p1").innerHTML="New text!";
</script>
<p>The paragraph above was changed by a script.</p>
</body>
</html>Jalankan contoh»
HTML DOM membolehkan anda melaksanakan kod apabila peristiwa berlaku.
Apabila "sesuatu berlaku" pada elemen HTML, penyemak imbas menjana acara:
Klik pada elemen
Muatkan halaman
Tukar medan input
Anda boleh mengetahui lebih lanjut tentang acara dalam bab seterusnya.
Dua contoh berikut menukar warna latar belakang elemen <body> apabila butang diklik: - Contoh
<html><!DOCTYPE html>
<html>
<body>
<p id="p1">Hello world!</p>
<p id="p2">Hello world!</p>
<script>
document.getElementById("p2").style.color="blue";
document.getElementById("p2").style.fontFamily="Arial";
document.getElementById("p2").style.fontSize="larger";
</script>
</body>
</html> Jalankan Instance»
Instance
<html><!DOCTYPE html> <html> <body> <input type="button" onclick="document.body.style.backgroundColor='lavender';" value="Change background color"> </body> </html>
Run Instance»
Klik Butang "Jalankan Contoh" untuk melihat contoh dalam talian
Video berkaitan
![Bermula dengan Pembangunan Praktikal PHP: Penciptaan PHP Pantas [Forum Perniagaan Kecil]](https://img.php.cn/upload/course/000/000/035/5d27fb58823dc974.jpg)
Alat AI Hot
Gambar buka pakaian secara percuma
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Apl berkuasa AI untuk mencipta foto bogel yang realistik
Penyelidikan pelaburan dikuasakan AI untuk keputusan yang lebih bijak
Artikel Panas
Topik panas
Alat popular
Editor kod yang mudah digunakan dan percuma
Versi Cina, sangat mudah digunakan
Persekitaran pembangunan bersepadu PHP yang berkuasa
Alat pembangunan web visual
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)