DOM:Document Object Model
用對(duì)象的模式來(lái)描述表示對(duì)應(yīng)的HTML竣况、CSS
一系列API規(guī)范，通過(guò)這些API就可以操作DOM樹(shù)、操作頁(yè)面、操作節(jié)點(diǎn)
瀏覽器中是用JS進(jìn)行邏輯處理編程政恍，DOM規(guī)范在瀏覽器中的實(shí)現(xiàn)是通過(guò)JS實(shí)現(xiàn)的，可以認(rèn)為瀏覽器中的JS包含DOM达传，通過(guò)JS調(diào)API來(lái)操作瀏覽器篙耗、操作頁(yè)面里的結(jié)構(gòu)迫筑、操作樣式等等。
- DOM Core
- DOM HTML
- DOM Style
- DOM Event
HTML->DOM
節(jié)點(diǎn)遍歷
節(jié)點(diǎn)類型
元素遍歷
如何實(shí)現(xiàn)瀏覽器兼容版的element.children
element.children能夠獲取元素的元素子節(jié)點(diǎn)宗弯，但是低版本的ie不支持脯燃，如何在低版本的ie上兼容類似的功能。
function getElementChild(element){
if(!element.children){ //如果沒(méi)有element.child,則啟用兼容函數(shù)
var elementArr = []; //聲明一個(gè)數(shù)組用以存放之后獲取的子節(jié)點(diǎn)
var nodeList = element.childNodes; //初始化接受參數(shù)的子節(jié)點(diǎn)集合
for(var i=0;i<nodeList.length;i++){ //遍歷集合
if(nodeList[i].nodeType == 1){ //若節(jié)點(diǎn)的元素類型屬于1蒙保，即元素節(jié)點(diǎn),存入數(shù)組
elementArr.push(nodeList[i]);
}
}
return elementArr; //返回存放子元素的數(shù)組
}else{ //若支持,直接返回
return element.children;
}
}
