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é)點類型:
ELEMENT_NODE ? ? ? 元素節(jié)點
TEXT_NODE ? ? ? ? ? ? 文本節(jié)點
COMMENT_NODE
DOCUMENT_TYPE_NODE
節(jié)點遍歷:
元素遍歷:
討論內(nèi)容:
如何實現(xiàn)瀏覽器兼容版的element.children
element.children能夠獲取元素的元素子節(jié)點,但是低版本的ie不支持遮咖,如何在低版本的ie上兼容類似的功能号坡。
function getElementChild(element){
if(!element.children){
var elementArr = [];//聲明一個數(shù)組用以存放之后獲取的子節(jié)點
var nodeList = element.childNodes;//初始化接受參數(shù)的子節(jié)點集合
for(var i=0;i<nodeList.length;i++){//遍歷集合
if(typeofnodeList[i]?==?1){//若節(jié)點的元素類型屬于1肆资,即元素節(jié)點,存入數(shù)組
elementArr.push(nodeList[i]);
}
}
returnelementArr;//返回存放子元素的數(shù)組
}
else{//若支持element.children,直接返回
returnelement.children;
}
}