Document Object Model (DOM)

Kali ini ada yang berbeda dari postingan Brotherhood-cyber, kali ini saya akan sedikit berbagi ilmu tentang Document Object Model atau sering juga disingkat menjadi DOM. sebenarnya apa sich DOM ini, mungkin banyak diantara kita yang belum mengetahuinya terutama yang tidak bergelut didunia IT. Ok langsung saja.

• Document Object Model (DOM)

Pada Html dan Xml yang merupakan platform yang berdiri sendiri ini adalah objek model standar. DOM tidak dibutuhkan oleh sebuah browser yang hanya digunakan untuk menampilkan dukumen Html. Namun, lain halnya pada Javascript dimana DOM sangat diperlukan. Ini berguna untuk javascript yang akan mengubah tampilan sebuah website secara dinamis.

 DOM memungkinkan skrip secara dinamis dapat mengakses dan memperbaharui konten dari suatu dokumen Html. DOM sendiri baru dikembangkan pada awal tahun 1990-an oleh W3C. Dan DOM pertama diluncurkan pada oktober 1998. 

• Standar DOM

Standar dari DOM ini sendiri dibedakan menjadi beberapa bagian:

1. DOM Level 1, direkomendasikan pada akhir tahun 1998 oleh W3C mendukung model yang lengkapa pada HTML dan XML, dan juga terdapat fungsi untuk mengubah bagian seluruh dokumen.
2. DOM Level 2, diterbitkan pada akhir tahun 2000, model ini memperkenalkan fungsi "getElementId" dan juga sudah mendukung XML namespaces dan juga CSS.
3. DOM Level 3, diterbitkan pada April 2004, yang sudah mendukung Xpath dan Keyboard event handling, dan juga lanjutan dari tampilan dokumen XML.
4. DOM Level 4, saat ini sedang dikembangkan. 

• Hubungan DOM dan Javascript

Tadi sudah sedikit dibahas diatas, bahwa DOM itu diperlukan oleh Javascript. Nah, disini kita harus mengetahui dahulu bahwa sebenarnya pada Html, tag - tag / elemen - elemennya adalah bagian dari Document Object Model tersebut. Javascript berperan untuk memanipulasi DOM. Dengan demikian, dengan penggunaan yang tepat dan penuh kreatifitas kita dapat menghasilkan suatu yang sangat menarik dan dinamis pada website kita.

• Cara mengakses objek DOM

Untuk mengakses objek DOM, dapat menggunakan dua metode standar berikut ini:

1. getElementById, yang berfungsi untuk mengakses objek berdasarkan objek Id
2. getElementByTagName, yang berfungsi untuk mengakses objek berdasarkan tag name.

• Berikut ini yang bukan merupakan DOM

1. DOM bukan merupakan spesifikasi biner
2. DOM bukan merupakan serangkaian struktur data
3. DOM tidak mendefinisikan apakah sebuah informasi didalam sebuah dokumen tersebut relevan atau apakah informasi itu terstruktur
4. DOM bukanlah saingan dari Component Onject Model (COM). COM sendiri adalah cara independen untuk menentukan tampilan atau objek.

• Contoh penggunaan DOM

Metode : getElementById 

 

 

Document Object Model (DOM) 2013-11-27T08:44:00-08:00 Rating: 4.5 Diposkan Oleh: Unknown