首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > JAVA > Java面试 >

关于js小疑点

2012-08-14 
关于js小问题htmlscriptvar arrnew Array(1,2,3)alert(arr.length)var seldocument.getElem

关于js小问题
<html>
<script>
var arr=new Array('1','2','3');
alert(arr.length);
var sel=document.getElementById("sel");
var j=0;
for(var i=0;i<arr.length;i++){
  var opt=document.createElement("option");
  opt.text=arr[i];
  opt.value=arr[i];
  j=j+arr[i];
  sel.options.add(opt);
}
alert(j);
//}
</script>
<h1>HELLO WORLD</h1>
<body >
<select style="width:100px" id="sel" name="sel">

<option value="0">请选择</option>
</select>
<select name="xzzdist" id="xzzdist" autocomplete="off">
  <option value="0">请选择</option>
</select>
</body>
</html>

运行以上代码会报“sel缺少对象”的错误,谁能告诉我这是怎么回事儿?

[解决办法]
你把Script写在了select之前,所以脚本执行的时候,该DOM对象还不存在,建议修改:

function init() {
var arr=new Array('1','2','3');
alert(arr.length);
var sel=document.getElementById("sel");
var j=0;
for(var i=0;i<arr.length;i++){
var opt=document.createElement("option");
opt.text=arr[i];
opt.value=arr[i];
j=j+arr[i];
sel.options.add(opt);
}
alert(j);
}

<body onload="init()">

热点排行