Dom
DOM: Model Objek Dokumen;
node
Node elemen: Atom DOM adalah node elemen. Elemen seperti <body>, <p>, <ul>, dll. Elemen dapat berisi elemen lain. Satu -satunya elemen yang tidak termasuk dalam elemen lain adalah elemen <html>
Node Teks: Dalam dokumen XHTML, node teks selalu disertakan di dalam node elemen.
Atribut Node: Node atribut digunakan untuk memberikan deskripsi elemen yang lebih spesifik. Misalnya, hampir setiap elemen memiliki atribut judul, dan kami dapat menggunakan atribut ini untuk secara akurat menggambarkan apa yang terkandung dalam elemen:
<p> Jangan lupa membeli barang ini. </p>
Di DOM, title = "A Gentle Reminder" adalah node atribut.
CSS
Dapatkan elemen
GetElementById, GetElementsByTagname, GetElementsByClasSname Tiga metode untuk mendapatkan node elemen.
GetElementsByTagname memungkinkan wildcard sebagai parameternya, yang berarti bahwa setiap elemen dalam dokumen akan memiliki tempat dalam array yang dikembalikan oleh fungsi. Wildcards ("*") harus dalam kutipan, yang berbeda dari operasi perkalian.
Anda juga dapat menggunakan GetElementById dan GetElementsByTagname. Seperti yang ditunjukkan di bawah ini:
Salinan kode adalah sebagai berikut:
var shopping = document.geteLementById ("beli");
var item = shopping.getElementsbyTagname ("*");
Dengan cara ini Anda bisa mendapatkan berapa banyak elemen elemen dengan nilai pembelian nilai atribut ID.
Metode GetElementsByClassName hanya didukung oleh browser yang lebih baru. Untuk menebus ini, pemrogram skrip DOM perlu menggunakan metode DOM yang ada untuk mengimplementasikan GetElementsByClassName mereka sendiri. Dalam kebanyakan kasus, proses implementasinya kira -kira mirip dengan GetElementsByClassName berikut:
Salinan kode adalah sebagai berikut:
function getElementsbycasname (node, className) {
if (node.geteLementsByClassName) {
return node.geteLementsByClassName (className);
}kalau tidak{
var hasil = array baru ();
var elems = node.getElementsbyTagname ("*");
untuk (var i = 0; i <elems.length; i ++) {
if (elem [i] .classname.indexof (className)! = -1) {
hasil [results.length] = elem [i];
}
}
hasil pengembalian;
}
}
Fungsi GetElementsByClassName menerima dua parameter. Node pertama mewakili titik awal pencarian di pohon DOM, dan nama kelas kedua adalah nama kelas yang akan dicari.
Dapatkan dan Tetapkan Properti
GetAttribute adalah fungsi yang hanya memiliki satu parameter - nama atribut yang Anda rencanakan untuk diminta:
Salinan kode adalah sebagai berikut:
objek.getAttribute (atribut)
setAttribute () memungkinkan kita untuk memodifikasi nilai node atribut. Setelah memodifikasi dokumen melalui setAttribute, saat melihat kode sumber dokumen melalui opsi sumber tampilan browser, apa yang Anda lihat masih akan menjadi nilai properti sebelumnya, yaitu, modifikasi yang dibuat oleh SetAttribute tidak akan tercermin dalam kode sumber dokumen itu sendiri. Fenomena "tidak konsisten di dalam dan di luar" ini berasal dari mode kerja DOM: Pertama memuat kandungan statis dokumen, kemudian menyegarkan secara dinamis, penyegaran dinamis tidak mempengaruhi konten statis dokumen. Ini adalah kekuatan nyata DOM: menyegarkan konten halaman tanpa menyegarkan halaman di browser.