页面载入时JS为什么娶不到input的value呢？

Question

页面上有个<input type="hidden" name="num" id="num" value="haha" />我想在页面打开的同时就取到这个input的value
<script type="text/javascript">
var num = document.getElementById("num").value;
alert(num);
</script>报错，弹不出窗口

Answer 1

方式1：
<input type="hidden" name="num" id="num" value="haha" />
<script type="text/javascript">
var num = document.getElementById("num").value;
alert(num);
</script>
方式2：<script type="text/javascript">
window.onload =function(){
var num = document.getElementById("num").value;
alert(num);
}
</script>
<input type="hidden" name="num" id="num" value="haha" />

Answer 2

那你要把这个script放到那个input下面或者放入window的onload函数里面

Answer 3

js代码要出现在input id='num'控件的下面，或者：
<script type="text/javascript">
//js代码出现顺序无关，在页面html代码全部下载完成后执行
window.onload = function() { alert(document.getElementById('num').value); }
</script>

Answer 4

你的JS执行时访问的DOM还没有创建好。