1. 爱易网页
  2. JavaSript
  3. 老是提示 board 为空或不是对象。该怎么处理

老是提示 board 为空或不是对象。该怎么处理

日期：2014-05-16　 浏览次数：20330 次

老是提示 board 为空或不是对象。。。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Untitled</title>
  <script type="text/javascript">
  var board = document.getElementById("board");
  var e2 = document.createElement("select");
  e2.options[0] = new Option("加载项1", "");
  e2.options[1] = new Option("加载项2", "");
  e2.size = "2";
  var object = board.appendChild(e2);
  </script>

</head>

<body>
<div id="board"></div>
</body>
</html>

------解决方案--------------------
dom还没加载呢，应该等onload后再执行js，或把js放在div后面
------解决方案--------------------
对象还没生成你就调用了是不行的
window.onload=function(){

var board = document.getElementById("board");
var e2 = document.createElement("select");
e2.options[0] = new Option("加载项1", "");
e2.options[1] = new Option("加载项2", "");
e2.size = "2";
var object = board.appendChild(e2);
}
------解决方案--------------------
加载顺序问题，你的script是先执行的，div这个时候还没有加载，肯定为空了。
------解决方案--------------------
以后下js代码 都把js写在</body>下面就行了

这样你即使没写window.onload事件也没事~·

相关资料更多>

  1. 排列组合的C,Java,JavaScript兑现
  2. JavaScript 模拟种机制及私有变量
  3. 很初学者的一个有关问题，大哥们看一下！
  4. 为什么这段JS代码在IE中能显示图片，而火狐和谷歌浏览器不显示？该怎么处理
  5. jsp页面兑现行的增加，删除
  6. JQuery easyui Datagrid排序有关问题
  7. 跨浏览器JS代码怎么编写有没这方面的资料
  8. jsp页面equal symbol expected异常
  9. JS可以统制样式的名称写法