美文网首页
dom节点的关系

dom节点的关系

作者: 我不帅你不爱 | 来源:发表于2016-10-27 17:23 被阅读0次

    childNodes

    nodeName和标签名相同,为大写

    nodeType节点类型

    节点类型          nodeType

    元素节点              1

    文档节点              9

    文本节点              3

    属性节点              2

    childNodes  w3c标准例如:

    ie9  document.getElementsByTagName('ul')[0].childNodes;会有3个元素节点li

    ie9以上以及chrome firefox这些支持w3c标准的浏览器会有7个节点,其中四个文本节点,3个li,他会把ul里的回车当作是文本节点输出。

    element.childern;虽然不是w3c标准,但是,会正确的输出我们想要的内容。

    自己封装方法

    function getChildNodes(element){

    var arr = [];

    var childNodes = element.childNodes;//获取元素的子节点集合

    for(var i = 0;i

    相关文章

      网友评论

          本文标题:dom节点的关系

          本文链接:https://www.haomeiwen.com/subject/iwksuttx.html