js 动态获取input的值

<body><input type="text" id="shenfenzheng"/>
<input type="button" onClick="submitInfro()" value="点我"/></body><script type="text/javascript">var id = document.getElementById("shenfenzheng").value;
function submitInfro(){
alert(id);
}
</script>好吧意图很明显，就是要弹出写入的input的value值，但是有个奇怪的现象。以上代码弹出了undefined或是什么都没有，但是js改为
function submitInfro(){
alert(document.getElementById("shenfenzheng").value);
}
就正常了求解答~~

解决方案 »

  1.   

    我想我是明白了你想要的，但是，你认为它可能按你预期的工作？这个id将永远为空字符串。
    js是在加载完html后才加载的, 以上的id会是一个全局的变量， 初始化时它的值会是空字符串(因为shenfenzheng的value是空字符串), 而你没有再对这个值进行过任何改变， 你怎么就认为它会发生改变了？
    它不是引用类型啊哥们