首頁猿問關(guān)于這個判斷函數(shù)的X

關(guān)于這個判斷函數(shù)的X

JavaScript

朝花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>已經(jīng)是最后一個節(jié)點"); ? ? ?? ? }</script></body></html>在這里?while (x && x.nodeType!=1){? ? ? ? ? ? x=x.nextSibling;? ? ? ? }不理解。這里的X應(yīng)該是個參數(shù)由N獲取到的nextSibling;，我試過用document.write輸出它。它應(yīng)該是一個節(jié)點，這里也沒指定是節(jié)點的類型，或者屬性，為什么要跟它自己的類型！=1并且判斷為ture呢？求詳細(xì)解答。謝謝大神了.

查看完整描述

1 回答

woshiajuana

TA貢獻211條經(jīng)驗獲得超152個贊

nextSibling屬性返回指定節(jié)點之后緊跟的節(jié)點，在相同的樹層級中

而一個節(jié)點之后往往都會有一個空的文本節(jié)點，這個是網(wǎng)頁HTML中元素標(biāo)簽回車換行導(dǎo)致的

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

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

反對回復(fù) 2016-08-27

朝花bu夕拾
我知道。判斷的話后者就可以了啊。就類型而言判斷，為什么還要加個X跟&& 這里的X是什么？返回的應(yīng)該是一個節(jié)點啊

回復(fù) 2016-08-27
woshiajuana
x判斷就是為了防止為空呀，也就是這句var x=document.getElementsByTagName("li")[0]; 沒有獲得到元素，換句話說就是說HTML沒有l(wèi)i標(biāo)簽，這樣做的話js不會報錯，如果沒有判斷x是否為空這句，那x.nextSibling就會報錯，從而影響后面的js的執(zhí)行這是常見的一種穩(wěn)妥的寫法

回復(fù) 2016-08-27
朝花bu夕拾
哦哦，雖然不是很理解，但是記住了，謝謝您

回復(fù) 2016-08-29