Javascript元素为null

Question

我是javascrit的初学者,我试图得到一个表格结果全球

单选按钮

<input type='radio' name='supporter' id='supporter' value='yes'>

和其他页面上的javascript

<script type="text/javascript">
function show(){
    var supporter = document.getElementById('supporter');
    if (supporter.value == "yes") {
        alert("it works")
    }
}

show();
</script>

我一直收到错误,这个:支持者是空的

可以请有人告诉我我失踪了什么？

Answer 1

这将取决于当执行脚本.Javascript由浏览器在遇到时执行,这意味着如果您的代码片段存在于HTML元素之前的页面中,那么在该时间点,HTML元素尚不存在.

一种解决方案是将Javascript放在页面的最末端,或将该代码移动到document.onload处理程序中.

document.onload = function () {
    show();
};