x=document.getElementsByTagName("li")[0];表示第一個li，然后調(diào)用函數(shù)，執(zhí)行函數(shù)，var x=n.nextSibling;這個是表示第二li？如果是的話，執(zhí)行while語句，標(biāo)簽節(jié)點不等于1并且存在x，則返回x，此時是第二個li，但如果等于1，并且存在x，執(zhí)行while中的語句，此時的x不是第三個li標(biāo)簽嗎？結(jié)果輸出是第二個里標(biāo)簽，怎么回事，大佬們，能詳細的解釋一下嗎
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>nextSibling</title>標(biāo)簽系
</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>
2018-08-28
不是的，你理解錯誤了。x=n.nextSibling;表示第一個li節(jié)點，執(zhí)行while，如果while條件成立則執(zhí)行x=x.nextSibling，的意思是第三個li節(jié)點，這是在進行篩選，當(dāng)while條件不成立的時候，才是我們要要的，而你的代碼，while條件是不成立的所以不執(zhí)行while，執(zhí)行完x=n.nextSibling;后直接返回x? ，所以結(jié)果是第二個節(jié)點Li的內(nèi)容
2018-06-18
<ul id="u1"> ? 空格//這是li[0]
? ? ? ? ? ? <li id="a">javascript</li> ??//這是li[1]? ? 空格//這是li[2]
? ? ? ? ? ? <li id="b">jquery</li> ??//這是li[3]? ? ?空格//這是li[4]
? ? ? ? ? ? <li id="c">html</li> ?//這是li[5]? ? ?空格//這是li[6]
? ? ? ? </ul> ?
換行符不是算一個的嗎，li.length=7。
所以li[1]輸出javascript,li[3]輸出jquery
不知道對不對？
2018-06-16
結(jié)果不應(yīng)該是LI = javascript
nextsibling: LI =?html