JavaScript Uncaught TypeError Cannot read property 'value'

最新推荐文章于 2023-09-07 16:46:08 发布

这个看起来廋

最新推荐文章于 2023-09-07 16:46:08 发布

阅读量590

点赞数

本文链接：https://blog.csdn.net/qq_43679402/article/details/86513597

版权

用JavaScript操作DOM时出现如下错误：

   Uncaught TypeError: Cannot set property 'value' of null   Uncaught TypeError: Cannot read property 'id' of undefined
  
  1
2

例如：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script>    var div = document.getElementById("测试1");    alert(div.id);    alert(div.className);    alert(div.title);</script><title>测试</title></head><body>    <div id="测试1" class="测试2" title="测试3">        <span>0</span>        <span>1</span>        <span>2</span>        <span>3</span>    </div></body></html>
  
  1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

运行时出现如下错误：

这里写图片描述

问题出在JS运行的时候你的页面还没有加载完成，所以你的JS代码找不到你的页面元素，就会抛出这个问题。解决办法就是把JavaScript代码放在body的最后，例如：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>测试</title></head><body>    <div id="测试1" class="测试2" title="测试3">        <span>0</span>        <span>1</span>        <span>2</span>        <span>3</span>    </div><script>    var div = document.getElementById("测试1");    alert(div.id);    alert(div.className);    alert(div.title);</script></body></html>
  
  1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

这里写图片描述

再分享一下我老师大神的人工智能教程吧。零基础！通俗易懂！风趣幽默！还带黄段子！希望你也加入到我们人工智能的队伍中来！https://blog.csdn.net/jiangjunshow

这个看起来廋

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript Uncaught TypeError Cannot read property 'value'

JavaScript Uncaught TypeError Cannot read property 'value'
复制链接

扫一扫