HTML DOM adalah standar untuk cara memperoleh, memodifikasi, menambah atau menghapus elemen HTML. Di HTML DOM, semuanya adalah sebuah simpul. DOM adalah HTML, yang dianggap sebagai pohon simpul.
Menurut standar DOM HTML dari W3C, semua konten dalam dokumen HTML adalah node:
Seluruh dokumen adalah simpul dokumen
Setiap elemen html adalah node elemen
Teks dalam elemen html adalah node teks
Setiap atribut HTML adalah node atribut
Catatan adalah node anotasi
HTML DOM menganggap dokumen HTML sebagai struktur pohon. Struktur ini disebut pohon simpul:
HTML DOM Tree Instance
http://www.w3school.com.cn/i/ct_htmltree.gif
Melalui HTML DOM, semua node di pohon dapat diakses melalui JavaScript. Semua elemen HTML (node) dapat dimodifikasi atau dibuat atau dihapus node.
Semua elemen HTML didefinisikan sebagai objek, sedangkan antarmuka pemrograman adalah metode objek dan atribut objek.
Satu: Mendapatkan Metode Node Elemen:
1.var node = document.getElementById ("nodeid");
2.Var nodeList = document.geteLementsByClassName ("nodeclassname");
3.var nodeList = document.geteLementsByTagname ("nodetagname");
Dua: Setelah mendapatkan node elemen, kita dapat melakukan operasi dia: 1. Operasi untuk diri kita sendiri. 2. Operasi untuk sub -node. 3. Operasi untuk Node Brother. 4. Operasi untuk node induk
2.1. Hapus diri Anda: node.parentnode.removechild (node);
2.2. Tentukan apakah ada sub -node: var boolean = node.haschildnodes ();
Daftar simpul anak: var childlist = node.childnodes;
Dapatkan tipe elemen node: var nodetype = node.nodetype;
Hapus simpul anak. node.removechild (childnode);
Masukkan sub -node di ekor simpul anak: node.appendChild (childNode);
Jangan masukkan sub -node di sub -node: node.insertbeface (childNode);
Gunakan node untuk mengganti n node: node.replacechild (a, b);
2.3.node.NextSibling
Node.previousibling mendapatkan node saudara yang berdekatan
2.4.