javascript位置错误导致Uncaught TypeError: Cannot read property 'elements' of null

最新推荐文章于 2024-07-11 15:44:37 发布

hylbk

最新推荐文章于 2024-07-11 15:44:37 发布

阅读量1.4w

点赞数 4

分类专栏： JavaScript 文章标签： JavaScript

本文链接：https://blog.csdn.net/hylbk/article/details/79122860

版权

JavaScript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

在学习js的表单脚本的时候，写了一个取表单字段的demo：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        var form=document.getElementById("myForm");
        var field=form.elements[0];
        alert(field);
    </script>
</head>
<body>
<form method="post" id="myForm">
    <ul>
        <li><input type="radio" name="color" value="red">Red</li>
        <li><input type="radio" name="color" value="green">Green</li>
        <li><input type="radio" name="color" value="blue">Blue</li>
    </ul>
</form>
</body>
</html>

发现浏览器报错如下：Uncaught TypeError: Cannot read property 'elements' of null，发现原来是js代码的位置放错了，JS运行的时候页面还没有加载完成，所以JS代码找不到页面元素，就会抛出这个问题。将js代码放在body最后就ok了。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

hylbk

关注关注

4
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
javascript位置错误导致Uncaught TypeError: Cannot read property 'elements' of null

在学习js的表单脚本的时候，写了一个取表单字段的demo： Title var form=document.getElementById("myForm"); var field=form.elements[0]; alert(field); Red Gre
复制链接

扫一扫