Javascript 元素为空

标签 javascript

<分区>

我是 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>

我一直收到错误,这个:supporter is null

有人可以告诉我我缺少什么吗?

最佳答案

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

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

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

关于Javascript 元素为空,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6895825/

相关文章:

javascript - Chartjs Donut Chart倒计时中的平滑动画

javascript - chrome 扩展多个选项卡和 chrome.runtime.connect

javascript - 如何为具有嵌套输入字段的 div 实现 onBlur/onFocus?

javascript - 使用函数 getElementsByTagName 获取具有动态 ID 的元素的问题 - NightwatchJS

javascript - 从对象创建异步 waterfall

javascript - 在我到达链接之前下拉菜单消失了

javascript - JS 原型(prototype) : Avoiding an event handler being bound several times to the same object

javascript - 使用 Google Doc Apps 脚本缓存选定的文本元素

javascript - js 内的 html 与 twig 模板冲突标签

javascript - 新的 Instagram API,如何通过标签获取帖子