Question

js 获取html元素的属性

我的代码如下：<script language="javascript" type="text/javascript">$SD=document.getElementsByTagName("pre");alert($SD.length);var BJ=new Array();for(var G=0;G<$SD.length;G++){var N=$SD[G].getAttribute("name");//alert(N);if(N) BJ.push($SD[G].getAttribute("class"));}//alert(BJ);</script><pre name='code' class="java"></pre><pre name='code' class="java"></pre><pre ></pre><pre name='code' class="css"></pre>运行的结果是弹出0，不过我把html代码放在上面，而js放在下面，那么弹出就是4，表示有四个pre。现在我的js代码必须放在上面，请问如何做才能显示出正确的结果？

Answer 1

因为在网页的加载过程中是从上往上慢慢加载的（一般你打开网页可以看到页面加载时图片和文字的显示都从上往下慢慢显示的），因此当加载到你的JS代码时，此时JS去找pre标签，而此时pre标签还未加载，所以不可能找到，但是如果你这段JS放在pre标签的后面就会显示正常。
解决办法有三种：
1、同一楼所说的，在body标签中加入 onload=函数名，该函数名对应的函数体就是你这段JS代码。
2、对<script language="javascript" type="text/javascript">稍作修改，：<script language="javascript" type="text/javascript" defer="true">加入defer标签，意味着这段JS代码延迟加载。
3、可以使用jQuery库，
<script language="javascript" type="text/javascript">
$(function(){
你的JS代码
})
</script>

Answer 2

定义function，在onload时执行