CARA KERJA DOM
DOM merupakan jembatan yang terhubung halaman web dengan , program. Tanpa DOM, halaman web merupakan interaksi yang dapat dilihat dalam dari seluruh halaman halaman yang bisa dimanupulasi secara real time. Menariknya, JavaSricpt yang biasa ditulis untuk membuat konten — konten yang dapat dimanupulasi dalam perubahan konten yang dapat direspon pengguna semua bekerja melalui DOM.
Pada data Developer survey tahun 2025 banyak melibatkan 50.000 developer yang memegang posisi pemrograman paling banyak digunakan didunia, dengan tingkat adopsu mencapai 70%. DOM memainkan peran sangat sentral yang dapat ditulis documen.queryselector() yang kamu sedang berinteraksi langsung dengan DOM.
Apa itu DOM ?
DOM meruapakan Document Object Model yangs ecara langsung merupakan respresentasi objek dari sebuh dokumen web yang tersimpan yang dapat dirubah pada pohon stuktur node — node pada DOM Tree
Menurut MDM Web Docs, DOM hanyalah hubungan halaman web dengan skrip yang dapat dipadukan dengan bahasa pemrograman stuktur sebagi simpul (Node) dan objek, sehingga interaksi antara bahasa pemrograman dengan halaman tersebut.
Penting untuk dipahami bahwa DOM bukanlah dari bahasa pemrograman JavaScript. DOM juga sebuah WEB API — antarmuka dengan pemrograman yang disediakan browser yang kemungkinan JavaScript bisa berjalan tanpa menggunakan DOM. Misalnya dalam Lingkup Node.js , tetapi DOM tidak bisa berjalan tanpa adanya Web Browser atau lingkup penyedia.
Get BAGUS BUDI SATOTO’s stories in your inbox
Join Medium for free to get updates from this writer.
Secara spesifikasi DOM sendiri saat dikelola oleh WHATWG (Web Hypertext Applicaton Tecnhology Working Group) , yang mendefinisikan DOM sebagai Platform-Neural Model pada event, pembatalan aktivitas dapa pohon Node. DOM dirancang supaya adanya terikat pada suatu bahasa pemrograman yang dapat di-implementasi DOM bisa dibangun untuk bahasa apapun, seperti Pyton, Java, ataupun C++.
Sejarah DOM
DOM pertama kali distandarisasi oleh W3C (Web Wide Comsortium) pada tahun 1990 sebagai respons terhadap perang browser yang harus diperoleh dalam manupulasi halaman web, sehingga developer harus menulis code yang berbeda dalam setiap browser. Standarisaso DOM menjadi titik yang memungkinkan code yang sama supaya berjalan di browser.
Stuktur Pohon DOM
Stuktur DOM berbentuk pohon (Tree Structure) bayangan dari sebuah silsilah keluarga :
Disuatu tempat ada sebuah keluarga yang mempunyai satu nenek moyang paling atas, ketika memiliki anak — anak, cucu dan seterusnya.
Dalam DOM “Nenek Moyang” ini disebut roor Node element <html>.
Kesimpulan
DOM merupakan pemrograman antarmuka yang memungkinkan JavaScript dapat berinteraksi dengan halaman web secara dinamis. Memahami DOM bukan hanya menghafal metode browser berkerja sebagimana halaman web membuat pengalaman pengguna yang interaktif.
Referensi
- MDM WEB Docs — developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model
- WHATWG — dom.spec.whatwg.org
