Question

js中appendchild 的问题

<script type="text/javascript">
var myId=document.getElementById("box");
var textnode=document.createTextNode("hello world");
myId.appendChild(textnode);

</script>

<div id="box"></div>

浏览器报错 ：TypeError: myId is null 请问一下，我这个哪里错了，初学者不是很明白，谢谢

Answer 1

将script与div对调位置
代码从上向下解析，解析的过程中执行js，当你js执行的时候发现还没有id为box的div存在
所以将
<div id="box"></div>
这行代码放到script前面，这样js在执行的时候就可以获得id为box的div了