Dalam "Manual Rujukan Cina HTML DOM", HTML DOM mentakrifkan kaedah standard untuk mengakses dan memanipulasi dokumen HTML. DOM mewakili dokumen HTML dalam struktur pokok.
HTML DOM ialah singkatan dari Model Objek Dokumen HTML dan HTML DOM ialah model objek dokumen yang sesuai khusus untuk HTML/XHTML. Orang yang biasa dengan pembangunan perisian boleh memahami HTML DOM sebagai API halaman web. Ia menganggap setiap elemen dalam halaman web sebagai objek, supaya elemen dalam halaman web juga boleh diperoleh atau diedit oleh bahasa komputer. Contohnya, Javascript boleh menggunakan HTML DOM untuk mengubah suai halaman web secara dinamik.
DOM ialah singkatan kepada Model Objek Dokumen. Menurut spesifikasi DOM W3C, DOM ialah antara muka pelayar, platform dan bebas bahasa yang membolehkan anda mengakses komponen standard lain dalam halaman. Secara mudah difahami, DOM menyelesaikan konflik antara JavaScript Netscape dan JavaScript Microsoft, memberikan pereka web dan pembangun cara standard untuk mengakses data, skrip dan objek lapisan pembentangan di tapak mereka.
DOM ialah koleksi nod atau cebisan maklumat yang disusun dalam struktur hierarki. Hierarki ini membolehkan pembangun menavigasi pepohon mencari maklumat khusus. Menganalisis struktur ini biasanya memerlukan memuatkan keseluruhan dokumen dan membina hierarki sebelum sebarang kerja boleh dilakukan. Oleh kerana ia berdasarkan hierarki maklumat, DOM dianggap berasaskan pokok atau berasaskan objek.
HTML DOM mentakrifkan kaedah standard untuk mengakses dan memanipulasi dokumen HTML.
HTML DOM mempersembahkan dokumen HTML sebagai struktur pepohon (pohon nod) dengan elemen, atribut dan teks.
Petua: Sebelum anda terus belajar HTML DOM, anda perlu mempunyai pemahaman asas tentang kandungan HTML, CSS, JavaScrip.
Maklumat nod
Dalam HTML DOM, semuanya adalah nod. DOM ialah HTML dilihat sebagai pokok nod.
Setiap nod mempunyai atribut yang mengandungi beberapa maklumat tentang nod. Sifat-sifat ini ialah:
nodeName (nod nama) nodeValue (nod value) nodeType (nod type)
Mengikut standard HTML DOM W3C, segala-galanya dalam dokumen HTML ialah nod:
Keseluruhan dokumen ialah nod dokumen
Setiap elemen HTML ialah nod elemen
Teks dalam elemen HTML ialah nod teks
Setiap atribut HTML ialah nod atribut
- nod
Kaedah DOM HTML Kaedah ialah tindakan yang boleh kita lakukan pada nod (elemen HTML).Petua: Tutorial HTML DOM kami akan membantu anda mempelajari HTML DOM langkah demi langkah Jika anda mempunyai sebarang soalan, sila pergi ke tapak web PHP Cina Komuniti HTML DOM untuk bertanya soalan anda dan netizen yang bersemangat. akan menjawabnya untuk anda.
- Antara muka pengaturcaraan
Semua elemen HTML ditakrifkan sebagai objek, dan antara muka pengaturcaraan ialah kaedah objek dan sifat objek.
Kaedah ialah tindakan yang boleh anda lakukan (seperti menambah atau mengubah suai elemen).
Properti ialah nilai yang anda boleh dapatkan atau tetapkan (seperti nama atau kandungan nod).
objek HTML DOM - kaedah dan sifat
Beberapa kaedah HTML DOM yang biasa digunakan:
getElementById(id) - Dapatkan nod (elemen) dengan id
yang ditentukan dnodeC - Sisipkan nod anak baharu (elemen)
- removeChild(nod) - Alih keluar nod anak (elemen)
- nilai teks dalam HTML - Nod dalam HTML
- parentNode - nod induk nod (elemen)
- childNodes - nod anak nod (elemen)
- atribut - nod atribut nod) manual tutorial HTML DOM ini merangkumi
Manual tutorial HTML DOM ini merangkumi semua pengetahuan asas HTML DOM, termasuk nod DOM, kaedah DOM, atribut DOM, akses DOM, elemen DOM, acara DOM, dsb.
Petua:Setiap bab tutorial ini mengandungi banyak contoh HTML DOM Anda boleh terus klik butang "Jalankan Contoh" untuk melihat keputusan dalam talian. Contoh ini akan membantu anda memahami dan mempelajari DOM HTML dengan lebih baik.
Sumber rujukan pembelajaran berkaitan HTML DOM lain
Selain pengembangan pengetahuan di sebelah kanan halaman ini, sumber berikut juga dipilih untuk semua orang
Bab terbaru
- HTML DOM 对象 2016-10-20
- HTML DOM 实例 2016-10-18
- HTML DOM总结 2016-10-18
- HTML DOM 导航 2016-10-18
- HTML DOM - 事件 2016-10-18
- HTML DOM - 元素 2016-10-18
- HTML DOM - 修改 HTML 内容 2016-10-18
- HTML DOM - 修改 2016-10-18
Kursus berkaitan
- Pengenalan pantas kepada pembangunan bahagian hadapan web 2021-12-10
- Kursus bahagian hadapan yang paling memahami anda: HTML5/CSS3/ES6/NPM/Vue/...[Asal] 2022-09-30
- Tutorial Video Permulaan Gulp 2022-04-18
- Tutorial video Brothers in Arms Gao Luofeng CSS3 2022-04-20
- Aplikasi web pembangunan AngularJS contoh tutorial video asas 2022-04-18
- Kenalan penuh Ajax 2022-04-13
- Tutorial video asas rangka kerja MUI 2022-04-13
- Kelas percubaan kelas latihan dalam talian 2019-01-10