Mediawana.com - Document Object Model (DOM) adalah sebuah antarmuka pemrograman (programing interface) untuk HTML, XML serta SVG yang bersifat lintas platform dan language-independent.
{getToc} $title={Daftar isi}
Pada saat W3C sudah mulai mengembangkan DOM atau Document Object Model pada tahun 1990-an. Pada bulan Oktober tahun 1998, DOM 1 diluncurkan. Spesifikasi DOM W3C terbagi menjadi beberapa tingkat. Pada sebuah halaman yang mendukung suatu level harus melaksanakan semua persyaratan level tersebut dan di bawahnya.
Dengan kehadiran DOM (Document Object Model), program dan skrip bisa memanipulasi struktur, gaya dan konten dari dokumen.
Apa itu DOM - Document Object Model ?
DOM bukanlah sebuah bahasa pemrograman, melainkan tanpanya javascript tidak akan mengerti struktur atau bentuk dari halaman web. Halaman web yang dimaksud adalah dokumen HTML dan XML beserta komponen-komponennya (elemen-elemen web). Contohnya seperti elemen web seperti header, tables, text dll. adalah bagian dari dokumen yang bisa diakses dan dimanipulasi menggunakan DOM dan Javascript.
Beberapa Karakteristik JavaScript
- Lightweight
- Interpreted
- Scripting language
- Object-Oriented (Prototype based)
- Loosely typing
- Dynamic typing
- Functional
- Imperative
- First-class function
Function
Javascript mendukung paradigma functional programming, artinya adalah fungsi first-class object.Kita dapat menyimpan fungsi dalam suatu variabel atau nilai, yaitu sebagai atribut fungsi lainnya, atau sebagai nilai balikan (return value) dari fungsi yang lain.
Contoh Menambah Elemen Pada Body HTML
Membuat elemen
var element = document.createElement(“tagname”)
Membuat text node
var content = document.createTextNode(“text”)
Memasukkan text node ke dalam elemen
element.appendChild(content)
Menyisipkan elemen pada body dokumen HTML
document.body.appendChild(element)
Contoh Menambah Events onclick
Melaui HTML
<element onclick=“.......”>
Melalui JavasScript
object.onclick=function(){ ..... }
Melalui JavasScript dengan method addEventListener()-> Tidak didukung Internet Explorer <= 8
object.addEventListener(“click”, ...... }
Itulah Pengertian DOM - Document Object Module yang merupakan arti dari model data standar. DOM sendiri merupakan cara javascript melihat suatu halaman html. DOM juga adalah sebuah platform dan interface yang memperbolehkan dalam mengakses dan perubahan pada konten, struktur, dan style pada sebuah dokumen oleh program dan script.
Baca Juga : Mengenal Big Data Serta Peran Pentingnya