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

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

查看完整描述

1 回答

woshiajuana

TA貢獻(xiàn)211條經(jīng)驗(yàn) 獲得超152個(gè)贊

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

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

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

而元素節(jié)點(diǎn)的nodeType=1,因?yàn)槟阋≡毓?jié)點(diǎn)，所以需要這樣判斷一下

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

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

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

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

回復(fù) 2016-08-29