Js引入问题--Uncaught TypeError: Cannot read property ‘appendChild‘ of undefined 的分析与解决

最新推荐文章于 2024-07-12 00:15:14 发布

多读书多看报！

最新推荐文章于 2024-07-12 00:15:14 发布

阅读量4.4k

点赞数 6

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

本文链接：https://blog.csdn.net/shaxiaobai/article/details/114624111

版权

JavaScript 专栏收录该内容

40 篇文章 0 订阅

订阅专栏

在这里插入图片描述
在<head>内引入外部Js ，报错出异常，显示Uncaught TypeError: Cannot read property ‘appendChild’ of undefined，属性未定义。为什么出现这种问题。查找很久发现这跟Js、DOM加载顺序有关，由于写在了<head>内，它会先执行，但是此时由于DOM还未加载完，而Js里有需要获取DOM中元素的语句要执行，这时就会出现异常，Js报错Uncaught TypeError: Cannot read property ‘appendChild’ of undefined，无法读取未定义的属性’appendChild’。

在这里插入图片描述

解决方法很简单，将Js的外部文件引入放在<body>中就行，让整个页面加载完后再执行Js就不会出现无法读取的问题了。（如果是内部Js的话，还可以使用window.onload = function(){} 代码包裹，也是在文档加载之后再执行）

-----------------------------------------------------------这是分割线----------------------------------------------------------