DOM树

Document Object Model

一系列API规范

DOM包含内容：

    DOM Core:DOM核心结构定义、API定义

    DOM HTML:定义HTML如何转换成对象

    DOM Style: 把样式转换成对象

    DOM Event:事件对象的模型，让页面响应用户的操作

节点类型：

ELEMENT_NODE       元素节点

TEXT_NODE             文本节点

COMMENT_NODE

DOCUMENT_TYPE_NODE

节点遍历：

元素遍历：

讨论内容：

如何实现浏览器兼容版的element.children

element.children能够获取元素的元素子节点，但是低版本的ie不支持，如何在低版本的ie上兼容类似的功能。

function getElementChild(element){

if(!element.children){

var elementArr = [];//声明一个数组用以存放之后获取的子节点

var nodeList = element.childNodes;//初始化接受参数的子节点集合

for(var i=0;i<nodeList.length;i++){//遍历集合

if(typeofnodeList[i] == 1){//若节点的元素类型属于1，即元素节点,存入数组

elementArr.push(nodeList[i]);

}

}

returnelementArr;//返回存放子元素的数组

}

else{//若支持element.children,直接返回

returnelement.children;

}

}