Pengantar DOM

• April 30, 2024

DOM adalah singkatan dari Document Object Model. Ini adalah cara melihat HTML yang memungkinkan pengembang situs web untuk membuat fungsi dan memanipulasi kode dengan cara yang tidak mungkin dilakukan.

Ada tiga tipe dasar DOM; DOM inti, yang dapat digunakan untuk mendefinisikan dokumen apa pun apa pun jenisnya; XML DOM, yang digunakan dengan dokumen XML, dan HTML DOM. Jenis terakhir ini adalah yang paling penting dan berguna untuk pengembang HTML, jadi itulah DOM yang akan dijelajahi artikel ini.

HTML DOM membagi halaman HTML menjadi beberapa node. Semua simpul ini terhubung satu sama lain, dengan simpul anak turun dari simpul induknya dan dari simpul akar di atas, dalam tata letak mirip pohon. Apa yang membuat DOM begitu penting dan berguna bagi pengembang HTML adalah bahwa definisi ini membuat setiap bagian halaman berbeda dan menempatkannya dalam kaitannya dengan semua bagian lain, sehingga mudah untuk merancang kode yang merujuk ke bagian tertentu dan hanya memengaruhi bagian itu saja. . Ini membuat HTML DOM penting untuk pemrograman Javascript, misalnya, karena menyediakan cara bagi program Javascript untuk menggunakan elemen HTML secara langsung. Tanpa DOM, tidak mungkin bagi program Javascript untuk secara dinamis mengakses konten halaman web. Sebagai salah satu contoh, dengan menggunakan metode DOM Anda dapat menulis sebuah program yang mengubah teks di dalam elemen HTML tertentu jika peristiwa tertentu terjadi (misalnya, pengunjung mengklik tombol pada halaman).

Seperti yang sudah Anda ketahui, halaman HTML terdiri dari berbagai elemen seperti ini:



Contoh Halaman HTML

Ini adalah contoh halaman HTML dasar.

Dengan DOM, setiap elemen (segala sesuatu di antara satu set tag, seperti) adalah node. Simpul disebut simpul akar, dan merupakan yang paling mendasar; ia memiliki dua simpul anak, simpul dan simpul. Dalam contoh di atas, simpul adalah anak dari simpul dan

simpul adalah anak dari simpul.

Pengembang web dapat menggunakan dan mengubah DOM dengan menggunakan perintah tertentu. Perintah-perintah ini dibagi menjadi properti (yang menggambarkan sebagian halaman HTML) dan metode (yang melakukan sesuatu pada bagian halaman itu).

Untuk spesifik tentang cara menggunakan DOM HTML, lihat artikel berikutnya, "Bekerja dengan DOM," yang akan diposting minggu depan.

Petunjuk Video: Relaxing Harp Music: Sleep Music, Meditation Music, Spa Music, Study Music, Instrumental Music ★49 (April 2024).