課程
/前端開發(fā)
/JavaScript
/JavaScript進階篇
?兩個節(jié)點中間的空白節(jié)點難道不是第一給節(jié)點的下一個節(jié)點嗎?
2015-09-18
源自:JavaScript進階篇 9-11
正在回答
空白節(jié)點的確是第一個節(jié)點的下一個節(jié)點,但請讀懂得課程中下面這段代碼.
x.nodeType!=1 ,限定了當下一個節(jié)點為非元素節(jié)點(元素節(jié)點nodeType值為1)時,會找到它緊跟的下一個元素節(jié)點并返回。而空白節(jié)點實質屬于文本節(jié)點,其nodeType值為3.
總之使用了get_nextSibling,在獲取下一個節(jié)點時,當下一個節(jié)點為非元素節(jié)點時,會直接獲取它最近的下一個元素節(jié)點。
?function?get_nextSibling(n){ ????????var?x=n.nextSibling; ????????while?(x?&&?x.nodeType!=1){ ????????????x=x.nextSibling; ????????} ????????return?x; ????}
StevenPenn
Super丶shark 提問者
while?(x?&&?x.nodeType!=1){
????????????x=x.nextSibling;
????????}
這段代碼就是驗證瀏覽器是否把空白地方當作節(jié)點了。 如果不等于1,那就是算上空白了。等于1就把空白忽略了。
舉報
本課程從如何插入JS代碼開始,帶您進入網(wǎng)頁動態(tài)交互世界
1 回答為什么nextsibling的得到的節(jié)點不是</li>與<li>之間的空白文本節(jié)點?
4 回答<ul id="con"> <li id="lesson1">javascript <ul> <li id="tcon"> 基礎語法</li> <li>流程控制語句</li> <li>函數(shù)</li> <li>事件</li> <li>DOM</li> </ul> </li> <li id="lesson2">das</li> <li id="lesson3">dadf</li> <li id="lesson4">HTML/CSS <
1 回答請問 <li id="a">是什么節(jié)點呢
2 回答為什么在li和div之間有一個空隙
1 回答為什么給li加id不行
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學習伙伴
掃描二維碼關注慕課網(wǎng)微信公眾號
2015-09-18
空白節(jié)點的確是第一個節(jié)點的下一個節(jié)點,但請讀懂得課程中下面這段代碼.
x.nodeType!=1 ,限定了當下一個節(jié)點為非元素節(jié)點(元素節(jié)點nodeType值為1)時,會找到它緊跟的下一個元素節(jié)點并返回。而空白節(jié)點實質屬于文本節(jié)點,其nodeType值為3.
總之使用了get_nextSibling,在獲取下一個節(jié)點時,當下一個節(jié)點為非元素節(jié)點時,會直接獲取它最近的下一個元素節(jié)點。
2015-09-18
while?(x?&&?x.nodeType!=1){
????????????x=x.nextSibling;
????????}
這段代碼就是驗證瀏覽器是否把空白地方當作節(jié)點了。 如果不等于1,那就是算上空白了。等于1就把空白忽略了。