<!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?add(x){
???var?A=document.getElementsByTagName("li")
???var?B=A[x].nextSibling
???while(B.nodeType!=1){
???????B=B.nextSibling
???}
???return?B;
}
???var?C=add(2)
???document.write(C.innerHTML)
</script>
</body>
2016-12-20
下標為2的li就是id為c的li，他是最后一個元素，下一個兄弟有嗎？除非你把所有li都放在同一個ul里
2016-12-20
下標為2的li就是id為c的li，它的下一個兄弟節點是內容為空的文本節點，這是瀏覽器的兼容性造成的