<html> <head> <script type="text/javascript"> var list=document.getElementsByTagName("li"); document.write(list.length+"<br/>"); document.write(list[0].innerHTML); </script> </head> <body> <ul> <li>苹果</li> <li>香蕉</li> <li>水蜜桃</li> <li>西瓜</li> </ul> </body> </html>
程序是顺序执行的,执行你的JS代码时还没有加载body中的ul和li,所有获取不到元素。解决方案有两个:
1、讲script代码段移到</ul>之后的任何位置
2、将script代码改造,添加onload事件,像这样:
window.onload=function(){
//这里写你的代码。
}