Apa dom di javascript dengan contoh?

Document Object Model (DOM) adalah antarmuka pemrograman aplikasi (API) untuk dokumen HTML dan XML. Ini mendefinisikan struktur logis dari dokumen dan cara dokumen diakses dan dimanipulasi. Dalam spesifikasi DOM, istilah "dokumen" digunakan dalam arti luas - XML ​​semakin banyak digunakan sebagai cara untuk merepresentasikan berbagai jenis informasi yang dapat disimpan dalam sistem yang beragam, dan sebagian besar dari ini secara tradisional akan dilihat sebagai . Namun demikian, XML menampilkan data ini sebagai dokumen, dan DOM dapat digunakan untuk mengelola data ini

Dengan Model Objek Dokumen, pemrogram dapat membuat dokumen, menavigasi strukturnya, dan menambahkan, mengubah, atau menghapus elemen dan konten. Apa pun yang ditemukan dalam dokumen HTML atau XML dapat diakses, diubah, dihapus, atau ditambahkan menggunakan Document Object Model, dengan beberapa pengecualian - khususnya, antarmuka DOM untuk subset internal dan eksternal XML belum ditentukan

Sebagai spesifikasi W3C, salah satu tujuan penting untuk Model Objek Dokumen adalah untuk menyediakan antarmuka pemrograman standar yang dapat digunakan di berbagai lingkungan dan aplikasi. DOM dirancang untuk digunakan dengan bahasa pemrograman apa pun. Untuk memberikan spesifikasi antarmuka DOM yang tepat dan tidak tergantung bahasa, kami telah memilih untuk menentukan spesifikasi dalam OMG IDL, sebagaimana didefinisikan dalam CORBA 2. 2 spesifikasi. Selain spesifikasi OMG IDL, kami menyediakan pengikatan bahasa untuk Java dan ECMAScript (bahasa skrip standar industri berdasarkan JavaScript dan JScript). Catatan. OMG IDL hanya digunakan sebagai cara bebas bahasa dan implementasi netral untuk menentukan antarmuka. Berbagai IDL lain bisa saja digunakan. Secara umum, IDL dirancang untuk lingkungan komputasi tertentu. Model Objek Dokumen dapat diimplementasikan dalam lingkungan komputasi apa pun, dan tidak memerlukan waktu proses pengikatan objek yang umumnya terkait dengan IDL tersebut

Apa Model Objek Dokumen itu

DOM adalah API pemrograman untuk dokumen. Ini sangat mirip dengan struktur dokumen yang dimodelkan. Misalnya, pertimbangkan tabel ini, yang diambil dari dokumen HTML

      
       
       
      Shady Grove
      Aeolian 
       
      
      Over the River, Charlie        
      Dorian 
       
      
      
    

DOM mewakili tabel ini seperti ini

Di DOM, dokumen memiliki struktur logis yang sangat mirip dengan pohon; . Namun, DOM tidak menentukan bahwa dokumen harus diimplementasikan sebagai pohon atau hutan, juga tidak menentukan bagaimana hubungan antar objek diimplementasikan. DOM adalah model logis yang dapat diimplementasikan dengan cara apa pun yang nyaman. Dalam spesifikasi ini, kami menggunakan istilah model struktur untuk menggambarkan representasi seperti pohon dari sebuah dokumen; . Salah satu properti penting dari model struktur DOM adalah isomorfisme struktural. jika ada dua implementasi Model Objek Dokumen yang digunakan untuk membuat representasi dari dokumen yang sama, mereka akan membuat model struktur yang sama, dengan objek dan hubungan yang persis sama

Nama "Document Object Model" dipilih karena merupakan "model objek" dalam pengertian desain berorientasi objek tradisional. dokumen dimodelkan menggunakan objek, dan model tersebut tidak hanya mencakup struktur dokumen, tetapi juga perilaku dokumen dan objek yang menyusunnya. Dengan kata lain, node pada diagram di atas tidak mewakili struktur data, mereka mewakili objek yang memiliki fungsi dan identitas. Sebagai model objek, DOM mengidentifikasi

• antarmuka dan objek yang digunakan untuk mewakili dan memanipulasi dokumen
• semantik antarmuka dan objek ini - termasuk perilaku dan atribut
• hubungan dan kolaborasi antara antarmuka dan objek ini

Struktur dokumen SGML secara tradisional diwakili oleh model data abstrak, bukan model objek. Dalam model data abstrak, model berpusat di sekitar data. Dalam bahasa pemrograman berorientasi objek, data itu sendiri dikemas dalam objek yang menyembunyikan data, melindunginya dari manipulasi eksternal langsung. Fungsi yang terkait dengan objek ini menentukan bagaimana objek dapat dimanipulasi, dan merupakan bagian dari model objek

Model Objek Dokumen saat ini terdiri dari dua bagian, DOM Core dan DOM HTML. Inti DOM mewakili fungsionalitas yang digunakan untuk dokumen XML, dan juga berfungsi sebagai dasar untuk DOM HTML. Implementasi DOM yang sesuai harus mengimplementasikan semua antarmuka fundamental di bab Inti dengan semantik sebagaimana didefinisikan. Lebih lanjut, itu harus mengimplementasikan setidaknya satu dari DOM HTML dan antarmuka yang diperluas (XML) dengan semantik seperti yang didefinisikan

Apa yang bukan Model Objek Dokumen

Bagian ini dirancang untuk memberikan pemahaman yang lebih tepat tentang DOM dengan membedakannya dari sistem lain yang mungkin mirip

• Meskipun Model Objek Dokumen sangat dipengaruhi oleh "HTML Dinamis", di Level 1, model ini tidak mengimplementasikan semua "HTML Dinamis". Secara khusus, acara belum ditentukan. Level 1 dirancang untuk meletakkan dasar yang kuat untuk jenis fungsionalitas ini dengan menyediakan model dokumen yang kuat dan fleksibel itu sendiri
• Model Objek Dokumen bukan spesifikasi biner. Program DOM yang ditulis dalam bahasa yang sama akan kompatibel dengan kode sumber di seluruh platform, tetapi DOM tidak mendefinisikan segala bentuk interoperabilitas biner
• Model Objek Dokumen bukanlah cara mempertahankan objek ke XML atau HTML. Alih-alih menentukan bagaimana objek dapat direpresentasikan dalam XML, DOM menentukan bagaimana dokumen XML dan HTML direpresentasikan sebagai objek, sehingga dapat digunakan dalam program berorientasi objek.
• Model Objek Dokumen bukanlah kumpulan struktur data, ini adalah model objek yang menentukan antarmuka. Meskipun dokumen ini berisi diagram yang menunjukkan hubungan orang tua/anak, ini adalah hubungan logis yang ditentukan oleh antarmuka pemrograman, bukan representasi dari struktur data internal tertentu.
• Model Objek Dokumen tidak mendefinisikan "semantik batin yang sebenarnya" dari XML atau HTML. Semantik bahasa tersebut ditentukan oleh Rekomendasi W3C untuk bahasa ini. DOM adalah model pemrograman yang dirancang untuk menghargai semantik ini. DOM tidak memiliki konsekuensi apa pun terhadap cara Anda menulis dokumen XML dan HTML;
• Model Objek Dokumen, terlepas dari namanya, bukanlah pesaing Model Objek Komponen (COM). COM, seperti CORBA, adalah cara bebas bahasa untuk menentukan antarmuka dan objek; . DOM dapat diimplementasikan menggunakan sistem bebas bahasa seperti COM atau CORBA;

Dari mana Model Objek Dokumen berasal

DOM berasal sebagai spesifikasi untuk memungkinkan skrip JavaScript dan program Java menjadi portabel di antara browser Web. "Dynamic HTML" adalah nenek moyang langsung dari Document Object Model, dan awalnya dianggap sebagian besar dalam hal browser. Namun, ketika Kelompok Kerja DOM dibentuk di W3C, itu juga bergabung dengan vendor di domain lain, termasuk editor HTML atau XML dan repositori dokumen. Beberapa dari vendor ini telah bekerja dengan SGML sebelum XML dikembangkan; . Beberapa vendor ini juga telah mengembangkan model objek mereka sendiri untuk dokumen guna menyediakan API untuk editor SGML/XML atau repositori dokumen, dan model objek ini juga memengaruhi DOM.

Entitas dan Inti DOM

Di antarmuka DOM dasar, tidak ada objek yang mewakili entitas. Referensi karakter numerik, dan referensi ke entitas yang telah ditentukan sebelumnya dalam HTML dan XML, diganti dengan karakter tunggal yang membentuk pengganti entitas. Misalnya, di

        
This is a dog & a cat
        
      

dikenali sebagai tag awal. Representasi entitas umum, baik internal maupun eksternal, didefinisikan dalam antarmuka yang diperluas (XML) dari spesifikasi Level 1

Catatan. Saat representasi DOM dari dokumen diserialisasikan sebagai teks XML atau HTML, aplikasi perlu memeriksa setiap karakter dalam data teks untuk melihat apakah karakter tersebut perlu di-escape menggunakan entitas numerik atau yang telah ditentukan sebelumnya. Gagal melakukannya dapat mengakibatkan HTML atau XML tidak valid. Selain itu, implementasi harus menyadari fakta bahwa serialisasi ke pengkodean karakter ("set karakter") yang tidak sepenuhnya mencakup ISO 10646 dapat gagal jika terdapat karakter dalam markup atau bagian CDATA yang tidak ada dalam pengkodean

Antarmuka DOM dan Implementasi DOM

DOM menentukan antarmuka yang dapat digunakan untuk mengelola dokumen XML atau HTML. Penting untuk disadari bahwa antarmuka ini adalah abstraksi - seperti "kelas dasar abstrak" di C++, mereka adalah sarana untuk menentukan cara mengakses dan memanipulasi representasi internal aplikasi dari sebuah dokumen. Antarmuka tidak menyiratkan implementasi konkret tertentu. Setiap aplikasi DOM bebas memelihara dokumen dalam representasi yang nyaman, selama antarmuka yang ditampilkan dalam spesifikasi ini didukung. Beberapa implementasi DOM akan menjadi program yang menggunakan antarmuka DOM untuk mengakses perangkat lunak yang ditulis jauh sebelum spesifikasi DOM ada. Oleh karena itu, DOM dirancang untuk menghindari ketergantungan implementasi;

1. Atribut yang didefinisikan dalam IDL tidak menyiratkan objek konkret yang harus memiliki anggota data tertentu - dalam pengikatan bahasa, mereka diterjemahkan ke sepasang fungsi get()/set(), bukan ke anggota data. (Fungsi baca-saja hanya memiliki fungsi get() dalam ikatan bahasa)
2. Aplikasi DOM dapat menyediakan antarmuka dan objek tambahan yang tidak ditemukan dalam spesifikasi ini dan masih dianggap sesuai dengan DOM
3. Karena kita menentukan antarmuka dan bukan objek aktual yang akan dibuat, DOM tidak dapat mengetahui konstruktor apa yang akan dipanggil untuk implementasi. Secara umum, pengguna DOM memanggil metode createXXX() pada kelas Dokumen untuk membuat struktur dokumen, dan implementasi DOM membuat representasi internal mereka sendiri dari struktur ini dalam implementasi fungsi createXXX() mereka

Keterbatasan Level 1

Spesifikasi DOM Level 1 sengaja dibatasi pada metode yang diperlukan untuk merepresentasikan dan memanipulasi struktur dan konten dokumen. Rencananya adalah untuk menyediakan Tingkat spesifikasi DOM di masa mendatang

Apa yang Anda maksud dengan JavaScript DOM?

Bagaimana DOM dibuat dalam JavaScript?

Apa manfaat DOM dalam JavaScript?

Apakah DOM penting dalam JavaScript?