首頁  >  問答  >  主體

javascript - js的nextSibling属性为什么得到的是父类元素?

<!DOCTYPE html>
<html>
<body>


<p>
<ul>
<li id='l1'>1</li>
<li>2</li>
</ul>

</p>




<script>
console.log(document.getElementById('l1').nextSibling)
</script>


</body>
</html>

这里打印出来的按说应该是< li >2< /li>这个元素啊
为什么我再firebug里面看到的是ul整个元素?

天蓬老师天蓬老师2728 天前598

全部回覆(1)我來回復

  • 巴扎黑

    巴扎黑2017-04-10 15:15:28

    要取得下一个li元素你可以使用console.log(document.getElementById('l1').nextElementSibling)
    或者
    console.log(document.getElementById('l1').nextSibling.nextSibling)
    这里说得很详细了。
    https://developer.mozilla.org/zh-CN/docs/Web/API/Node/nextSibling

    两个li之间还有空白字符,所以第一次nextSibling获得的是text类型的元素。

    回覆
    0
  • 取消回覆