Document Object Model
一系列API規(guī)范
DOM包含內(nèi)容：
? ? DOM Core:DOM核心結(jié)構(gòu)定義、API定義
? ? DOM HTML:定義HTML如何轉(zhuǎn)換成對象
? ? DOM Style: 把樣式轉(zhuǎn)換成對象
? ? DOM Event:事件對象的模型，讓頁面響應(yīng)用戶的操作
節(jié)點(diǎn)類型：
ELEMENT_NODE ? ? ? 元素節(jié)點(diǎn)
TEXT_NODE ? ? ? ? ? ? 文本節(jié)點(diǎn)
COMMENT_NODE
DOCUMENT_TYPE_NODE
節(jié)點(diǎn)遍歷：
元素遍歷：
討論內(nèi)容：
如何實(shí)現(xiàn)瀏覽器兼容版的element.children
element.children能夠獲取元素的元素子節(jié)點(diǎn)，但是低版本的ie不支持，如何在低版本的ie上兼容類似的功能。
function getElementChild(element){
if(!element.children){
var elementArr = [];//聲明一個數(shù)組用以存放之后獲取的子節(jié)點(diǎn)
var nodeList = element.childNodes;//初始化接受參數(shù)的子節(jié)點(diǎn)集合
for(var i=0;i<nodeList.length;i++){//遍歷集合
if(typeofnodeList[i]?==?1){//若節(jié)點(diǎn)的元素類型屬于1，即元素節(jié)點(diǎn),存入數(shù)組
elementArr.push(nodeList[i]);
}
}
returnelementArr;//返回存放子元素的數(shù)組
}
else{//若支持element.children,直接返回
returnelement.children;
}
}
