Dengan JavaScript, Anda dapat merekonstruksi seluruh dokumen HTML. Anda dapat menambahkan, menghapus, mengubah, atau mengarahkan kembali item pada halaman. Untuk mengubah sesuatu di halaman, JavaScript perlu mengakses pintu masuk ke semua elemen dalam dokumen HTML. Pintu masuk ini, bersama dengan metode dan atribut elemen HTML untuk ditambahkan, memindahkan, mengubah, atau menghapus, diperoleh oleh model objek dokumen (DOM). Pada tahun 1998, W3C merilis spesifikasi DOM tingkat pertama. Spesifikasi ini memungkinkan akses dan pengoperasian setiap elemen individu di halaman HTML. Semua browser menjalankan standar ini, sehingga kompatibilitas DOM hampir sulit ditemukan. DOM dapat digunakan oleh JavaScript untuk membaca dan mengubah dokumen HTML, XHTML dan XML.
DOM dibagi menjadi berbagai bagian (core, xml, html) dan level (dom level 1/2/3):Domom inti
Tentukan satu set standar untuk objek dokumen terstruktur
XML DOM
Tentukan satu set standar untuk dokumen XML
Html dom
Tentukan serangkaian standar untuk dokumen HTML.
nodeMenurut DOM, setiap komponen dalam dokumen HTML adalah sebuah simpul.
Dom disediakan seperti ini:
Node memiliki hubungan hierarkis satu sama lain. Semua node dalam dokumen HTML membentuk pohon dokumen (atau pohon simpul). Setiap elemen, atribut, teks, dll. Dalam dokumen HTML mewakili simpul di pohon. Pohon dimulai pada node dokumen, dan terus memperluas cabang sampai semua node teks pada tingkat terendah pohon ada di mana -mana.
Gambar berikut menunjukkan pohon dokumen (pohon simpul):
Pohon dokumen (jumlah node)Silakan lihat dokumen HTML berikut:
Html; "> <html> <adepter> <itement> tutorial dom </iteme> </head> <hody> <h1> DOM Pelajaran satu </h1> <p> Halo dunia! </p> </body> </html>
Semua node di atas memiliki hubungan satu sama lain. Setiap node kecuali untuk node dokumen memiliki node induk. Misalnya, node induk dari <head> dan <body> adalah <html> node, dan node induk dari node teks Hello World! Sebagian besar node elemen memiliki sub -node. Misalnya, simpul <head> memiliki sub -Node: <Title> simpul. <Title> Ada juga tutorial Sub -Node: Text Node Dom. Ketika node berbagi simpul induk yang sama, mereka adalah generasi yang sama (simpul yang sama). Misalnya, <h1> dan <p> adalah rekan -rekan mereka, karena node induknya sama -sama <body> node. Node juga dapat memiliki keturunan. Misalnya, semua node teks adalah keturunan dari <html> node, dan node teks pertama adalah keturunan dari simpul < -head>. Node juga bisa memiliki leluhur. Nenek moyang adalah simpul induk dari suatu simpul, atau simpul induk dari simpul induk, dan sebagainya. Misalnya, semua node teks dapat menggunakan node <html> sebagai node pendahulu.