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;

}

}

    原文作者:wolfguan
    原文地址: https://www.jianshu.com/p/df0d8440043b
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞