问答详情
源自:9-8 访问子节点childNodes

关于访问子节点后的结果

结果看不太懂啊,求解

提问者:惠子果果 2015-10-27 20:05

个回答

  • zeusGOGOGO
    2016-01-26 16:11:23

    nodeType :元素节点获取  1

                        文本节点获取  3

    nodeName:  元素节点获取元素节点名称

                            文本节点获取#text

    nodeValue: 元素节点获取undefined或null

                        文本节点获取文本自身


  • 惠子果果
    2015-11-22 09:03:40

    谢谢你,这个我明白了。但是此处运行的结果我看不懂

    节点类型:undefined
    节点名字:#text
    节点值: javascript 

    节点类型:undefined
    节点名字:P
    节点值:null

    节点类型:undefined
    节点名字:#text
    节点值: 

    节点类型:undefined
    节点名字:DIV
    节点值:null

    节点类型:undefined
    节点名字:#text
    节点值: 

    节点类型:undefined
    节点名字:H5
    节点值:null

    节点类型:undefined
    节点名字:#text
    节点值: 



  • yqlst
    2015-11-09 11:26:26

    <div>
      javascript  
      <p>javascript</p>
      <div>jQuery</div>
      <h5>PHP</h5>
    </div>

    第一个div的子节点,首先<p></p><div></div><h5></h5>明确的有3个,为什么结果elementNode.childNodes结果是7个呢,左边的解释如果没看明白吗?首先浏览器之间有个识别不一样的地方,IE会识别3个,其他浏览器会识别7个,多出来的那4个,你可以理解为不同元素节点之间有一个“空白节点”,比如第一个div和p之间,有1个,p和第二个div之间有1个,第二个div和h5之间有1个,h5和第一个div有1个,这样就是3+1+1+1+1=7个。