简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - js的nextSibling属性为什么得到的是父类元素？
天蓬老师
天蓬老师 2017-04-10 15:13:28
0
1
596
<!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整个元素？

天蓬老师
天蓬老师

欢迎选择我的课程，让我们一起见证您的进步~~

全部回覆(1)
巴扎黑
巴扎黑2017-04-10 15:15:28 1樓

要取得下一个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
新增回覆
熱門專題
更多>
熱門文章
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！