Cannot read property ‘appendChild‘ of null

最新推荐文章于 2023-08-18 16:53:03 发布

A_xhy

最新推荐文章于 2023-08-18 16:53:03 发布

阅读量2.4k

点赞数 1

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_45737029/article/details/111463187

版权

Cannot read property ‘appendChild’ of null

今天是编程小白的第一篇博客，下午一直在解决案例中“Cannot read property ‘appendChild’ of null” 的问题，一起以为是自己的代码哪里有错误，调试了一下午，才知道只是因为：
获取的节点不存在引起的，获取这节点时，节点还没加载，例如：你的JS写在head里面，取body里面的某一节点，这时候是取不到的。经过小白的一翻摸索，找到解决方法：只需要将 js 文件的顺序换一下就可以了。

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<link rel="stylesheet" href="css/style.css">
	<script src="js/Food.js"></script>

</head>
<body>
	<div id="map"></div>

</body>
</html>

将上面的js 调用语句换个位置，如下:

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<link rel="stylesheet" href="css/style.css">
</head>
<body>
	<div id="map"></div>
	<script src="js/Food.js"></script>
</body>
</html>

A_xhy

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Cannot read property ‘appendChild‘ of null

Cannot read property ‘appendChild’ of null今天是编程小白的第一篇博客，下午一直在解决案例中“Cannot read property ‘appendChild’ of null” 的问题，一起以为是自己的代码哪里有错误，调试了一下午，才知道只是因为：获取的节点不存在引起的，获取这节点时，节点还没加载，例如：你的JS写在head里面，取body里面的某一节点，这时候是取不到的。经过小白的一翻摸索，找到解决方法：只需要将 js 文件的顺序换一下就可以了。<!
复制链接

扫一扫