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;
}
}