Semalt: Atribut Elemen. Semua yang Perlu Anda Ketahui

Document Object Model (DOM) adalah Application Programming Interface (API) untuk dokumen XML dan HTML yang terstruktur dengan baik. API mendefinisikan struktur utama dokumen, cara mengaksesnya, dan bagaimana pencakar web mengakses dan menggores dokumen di seluruh web.

DOM berfungsi untuk mengambil dan mengubah atribut yang ada dalam elemen HTML. Dengan Dom, Anda dapat mengakses atribut elemen dan gaya yang digunakan dalam dokumen tertentu. Dengan beberapa teknik menggores, Anda dapat mengambil gambar latar belakang dokumen target.

HTML DOM Nodes

Ketika datang ke JavaScript, DOM disebut sebagai standar World Wide Web Consortium (W3C). Dom digunakan untuk mendefinisikan dan menggambarkan standar untuk mengakses dokumen. Model ini memungkinkan skrip dan program untuk memperbarui dan mengakses struktur yang digunakan untuk menulis dokumen.

Ketika datang ke HTML DOM, semuanya dapat dianggap sebagai simpul. Contohnya:

  • Semua atribut HTML adalah atribut node;
  • Komentar adalah simpul komentar;
  • Semua elemen HTML adalah elemen node;
  • Dokumen itu sendiri disebut sebagai simpul dokumen;

Document Object Model digunakan untuk mengakses dan memanipulasi elemen dalam dokumen XML dan HTML. Elemen diatur dan dikelola menjadi struktur data (seperti pohon) yang dapat dengan mudah dilalui untuk navigasi dan modifikasi. Anda bisa menambahkan kelas ke DIV, badan, atau elemen HTML menggunakan Cascading Style Sheets (CSS), atau berinteraksi dengan elemen menggunakan JS.

Apa yang perlu Anda ketahui tentang properti atribut

Node dapat diakses dan dimanipulasi menggunakan nomor indeks masing-masing, di mana indeks minimum adalah "0". Properti atribut bekerja dengan mengembalikan koleksi terperinci dari atribut simpul tertentu, seperti objek NamedNodeMap. Perhatikan bahwa pengindeksan numerik akan membantu Anda melalui atribut elemen.

Atribut elemen

Properti atribut elemen mengembalikan koleksi yang valid dari semua node atribut yang terdaftar ke node tertentu. Dengan kata sederhana, ini adalah NamedNodeMap. Oleh karena itu tidak memiliki metode Array. Atribut (sepasang string yang mewakili data apa pun mengenai atribut yang diberikan) node mungkin berbeda tergantung pada browser yang digunakan.

Dalam posting ini, Objek NamedNodeMap singkatan dari kumpulan node atribut elemen yang tidak terstruktur. Anda tidak perlu panik di masing-masing peramban yang telah Anda gunakan. Objek NamedNodeMap dan objek Atribut didukung di browser web utama.

Objek NamedNodeMap terdiri dari properti panjang yang dapat Anda gunakan untuk menentukan jumlah atribut yang akurat. Setelah mengidentifikasi jumlah total atribut dalam dokumen, loop melalui node atribut dan ekstrak informasi target Anda. Saat mengambil data dari teks, perhatikan bahwa atribut HTML juga disebut sebagai simpul atribut yang terdiri dari properti untuk objek Atribut Anda.

Untuk penggemar Internet Explorer, Anda perlu mencatat bahwa properti atribut cenderung mengembalikan koleksi terperinci dari atribut yang mungkin untuk elemen tertentu. Setelah DOM Node dihasilkan untuk setiap elemen HTML yang diberikan, banyak atribut terkait dengan atribut bertuliskan nama yang sama. Saat mengembangkan kode sumber HTML, Anda dapat menentukan atribut pada elemen HTML Anda. Setelah browser Anda mem-parsing skrip Anda, DOM yang sesuai dengan simpul serupa akan dibuat. Node yang sesuai disebut sebagai objek.