Pengenalan kepada DOM

• Mungkin 9, 2024

DOM adalah singkatan dari Model Objek Dokumen. Ini cara melihat HTML yang menjadikan pemaju laman web untuk membuat fungsi dan memanipulasi kod dengan cara yang tidak mungkin.

Terdapat tiga jenis asas DOM; teras DOM, yang boleh digunakan untuk menentukan mana-mana dokumen tanpa mengira jenis; DOM XML, yang digunakan dengan dokumen XML, dan DOM DOM. Jenis terakhir ini adalah yang paling penting dan berguna untuk pemaju HTML, jadi DOM ini akan diterokai.

HTML DOM membahagikan halaman HTML ke dalam nod. Ini nod semua disambungkan satu sama lain, dengan nod anak turun dari nod induk mereka dan dari nod akar di atas, dalam susun atur seperti pohon. Apa yang menjadikan DOM sangat penting dan berguna kepada pemaju HTML ialah definisi ini menjadikan setiap bahagian halaman berbeza dan menempatkannya dalam hubungannya dengan semua bahagian lain, sehingga mudah untuk merancang kod yang merujuk kepada seksyen tertentu dan hanya mempengaruhi bahagian itu . Ini menjadikan HTML DOM penting untuk pengaturcaraan Javascript, contohnya, kerana ia menyediakan cara untuk program Javascript untuk menggunakan elemen HTML secara langsung. Tanpa DOM, tidak mungkin untuk program Javascript untuk mengakses laman kandungan web secara dinamik. Sebagai satu contoh, dengan menggunakan kaedah DOM anda boleh menulis sebuah program yang mengubah teks di dalam elemen HTML tertentu jika peristiwa tertentu berlaku (katakan, pengunjung mengklik butang pada halaman).

Seperti yang sudah anda ketahui, halaman HTML terdiri daripada unsur-unsur yang berbeza seperti ini:



Sampel Halaman HTML

Ini adalah contoh halaman HTML asas.

Dengan DOM, setiap elemen (semuanya di antara satu set tag, seperti) adalah nod. Node dipanggil nod akar, dan adalah yang paling asas; ia mempunyai dua nod anak, nod dan simpul. Dalam contoh di atas, nod adalah anak nod dan

nod adalah anak nod.

Seorang pemaju web boleh menggunakan dan mengubah DOM dengan menggunakan perintah tertentu. Perintah ini dibahagikan kepada sifat-sifat (yang menerangkan sebahagian daripada halaman HTML) dan kaedah (yang melakukan sesuatu pada bahagian halaman).

Untuk mengetahui cara menggunakan HTML DOM, lihat artikel seterusnya, "Bekerja dengan DOM," yang akan diposting minggu depan.

Arahan Video: Pengenalan Kepada 24 Peserta Prelude AF Megastar (Mungkin 2024).