前言: 昨天寫了篇關(guān)于JavaScript的,今天寫篇Dom的(插入4個(gè)實(shí)例),寫完之后感覺知識(shí)點(diǎn)還不少~ 內(nèi)容當(dāng)然會(huì)用到【前端】:JavaScript的知識(shí)。下篇博客會(huì)寫關(guān)于jQuery~~
一、DOM介紹
文檔對象模型(Document Object Model,DOM)是一種用于HTML和XML文檔的編程接口。它給文檔提供了一種結(jié)構(gòu)化的表示方法,可以改變文檔的內(nèi)容和呈現(xiàn)方式。我們最為關(guān)心的是,DOM把網(wǎng)頁和腳本以及其他的編程語言聯(lián)系了起來。DOM編程:可以操作html所有的標(biāo)簽,進(jìn)行找、操作(document 是整個(gè)HTML文檔的對象,通過document可以對HTML進(jìn)行操作)! 它也是javascript的一部分。
注:一般說的JS讓頁面動(dòng)起來泛指JavaScript和Dom
二、查找標(biāo)簽(選擇器)
1. 通過以下三種方法可到HTML文檔中查找某標(biāo)簽
1 var nid = document.getElementById("aa"); //找到id為aa的標(biāo)簽,因?yàn)閕d是唯一的,所以是element (ID選擇器) 2 var lis = document.getElementsByTagName("li"); //找到li標(biāo)簽 (標(biāo)簽選擇器) 3 var lis2 =