亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

關于這個判斷函數的X

關于這個判斷函數的X

朝花bu夕拾 2016-08-27 09:56:25
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>nextSibling</title></head><body><ul id="u1"> ??? ? ? ? ? ? <li id="a">javascript</li> ??? ? ? ? ? ? <li id="b">jquery</li> ??? ? ? ? ? ? <li id="c">html</li> ??? ? ? ? </ul> ??? ? ? ? <ul id="u2"> ??? ? ? ? ? ? <li id="d">css3</li> ??? ? ? ? ? ? <li id="e">php</li> ??? ? ? ? ? ? <li id="f">java</li> ??? ? ? ? </ul> ??<script type="text/javascript">? ? function get_nextSibling(n){? ? ? ? var x=n.nextSibling;? ? ? ? while (x && x.nodeType!=1){? ? ? ? ? ? x=x.nextSibling;? ? ? ? }? ? ? ? return x;? ? }? ? var x=document.getElementsByTagName("li")[0];? ? document.write(x.nodeName);? ? document.write(" = ");? ? document.write(x.innerHTML);? ??? ? var y=get_nextSibling(x);? ??? ? if(y!=null){? ? ? ? document.write("<br />nextsibling: ");? ? ? ? document.write(y.nodeName);? ? ? ? document.write(" = ");? ? ? ? document.write(y.innerHTML);? ? }else{? ? ? document.write("<br>已經是最后一個節點"); ? ? ?? ? }</script></body></html>在這里?while (x && x.nodeType!=1){? ? ? ? ? ? x=x.nextSibling;? ? ? ? }不理解。這里的X應該是個參數由N獲取到的nextSibling;,我試過用document.write輸出它。它應該是一個節點,這里也沒指定是節點的類型,或者屬性,為什么要跟它自己的類型!=1并且判斷為ture呢?求詳細解答。謝謝 大神了.
查看完整描述

1 回答

?
woshiajuana

TA貢獻211條經驗 獲得超152個贊

nextSibling屬性返回指定節點之后緊跟的節點,在相同的樹層級中

而一個節點之后往往都會有一個空的文本節點,這個是網頁HTML中元素標簽回車換行導致的

所以這里的x.nextSibling取得的第一個節點不會是第二個li,而是一個文本節點,文本節點的nodeType=3

而元素節點的nodeType=1,因為你要取元素節點,所以需要這樣判斷一下

查看完整回答
反對 回復 2016-08-27
  • 朝花bu夕拾
    朝花bu夕拾
    我知道。判斷的話后者就可以了啊。就類型而言判斷,為什么還要加個X跟&& 這里的X是什么?返回的應該是一個節點啊
  • woshiajuana
    woshiajuana
    x判斷就是為了防止為空呀, 也就是這句var x=document.getElementsByTagName("li")[0]; 沒有獲得到元素,換句話說就是說HTML沒有li標簽,這樣做的話js不會報錯,如果沒有判斷x是否為空這句,那x.nextSibling就會報錯,從而影響后面的js的執行 這是常見的一種穩妥的寫法
  • 朝花bu夕拾
    朝花bu夕拾
    哦哦,雖然不是很理解,但是記住了,謝謝您
  • 1 回答
  • 0 關注
  • 1011 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號