為什么顯示不出來
<!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+"<br>"); ????}else{ ??????document.write("<br>已經(jīng)是最后一個節(jié)點(diǎn)<br>");?????? ????} ???? ????function?get_previousSibling(n){ ????????var?m=n.previousSibling; ????????while(m&&m.nodeType!=1) ????????{ ????????????m=m.previousSibling; ????????} ????????return?m; ????} ????var?m=document.getElementsByTagName("li")[length-1]; ????document.write(m.nodeName); ????document.write("?=?"); ????document.write(m.innerHTML); ???? ????var?n=get_previousSibling(m); ???? ????if(n!=null){ ????????document.write("<br?/>previoussibling:?"); ????????document.write(n.nodeName); ????????document.write("?=?"); ????????document.write(n.innerHTML); ????}else{ ??????document.write("<br>已經(jīng)是第一個節(jié)點(diǎn)");?????? ????} </script> </body> </html>
var m=document.getElementsByTagName("li")[length-1];
這樣子寫的話,就沒有顯示。。
改成這樣的話就可以正常顯示var m=document.getElementsByTagName("li")[5];
2016-02-28
改成var m=document.getElementsByTagName("li")[document.getElementsByTagName("li").length-1]