innerHTML和nodeValue

来源:9-10 访问父节点parentNode

纪奕滨

2015-08-18 17:13

有些凌乱了

为什么这样

   var x=mylist.parentNode.parentNode.parentNode.lastChild.firstChild.nodeValue;得到的是HTML/CSS

     var x=mylist.parentNode.parentNode.parentNode.lastChild.firstChild.innerHTML;得到的是underfine

      var x=mylist.parentNode.parentNode.parentNode.childNodes[7].nodeValue;得到的是null

       var x=mylist.parentNode.parentNode.parentNode.childNodes[7].innerHTML;得到的是

HTML/CSS

文字

段落

表单

表格

     var x=document.getElementById("lesson4").innerHTML;得到

HTML/CSS

文字

段落

表单

表格

    var x=document.getElementById("lesson4").nodeValue;得到的是null

为什么是这样的

写回答 关注

2回答

  • hey自然
    2015-08-20 18:06:38
    已采纳

    x=mylist.parentNode.parentNode.parentNode.lastChild  这里返回的是一个最后一个li元素节点。

    x=mylist.parentNode.parentNode.parentNode.lastChild.firstChild 这里返回的是最后一个li元素节点的第一个子节点,这个子节点在这里是一个文本节点。nodeValue也就是文本节点的文本。

    而innerHTML是元素对象的属性。在这里是一个文本节点,因而返回underfined.

    纪奕滨

    非常感谢!

    2015-08-21 22:20:13

    共 1 条回复 >

  • hey自然
    2015-08-20 18:23:15

     文本节点的 nodeValue 是文本自身

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468060 学习 · 21891 问题

查看课程

相似问题