Uncaught TypeError: Cannot read property ‘appendChild‘ of undefined

最新推荐文章于 2024-06-01 17:53:04 发布
最新推荐文章于 2024-06-01 17:53:04 发布
阅读量1.9k 收藏
点赞数 2
分类专栏： javascript日常总结 文章标签： javascript html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41880073/article/details/114737137
版权

Uncaught TypeError: Cannot read property 'appendChild' of undefined


做项目的时候，遇到了这个问题，代码没问题，然后报错，出现这个问题一般是你js引入文件放的位置不对，因为你将其放在了head中。如图

在这里插入图片描述
解决这个问题其实很简单，出现了这个的原因可能是因为把初始化的js放在了head中引用，导致DOM元素还没有加载完就进行初始化，因此报错。如果是这个原因的话只需要将js从head中放置到body中就可以了。

丑小鸭变黑天鹅
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ASP.NET MVC运行出现Uncaught TypeError: Cannot set property __MVC_FormValidation of null的解决方法
10-29
同一相站点，有些页面的客户端验证能工作，而有些死活不行。打开页面就出现Uncaught TypeError: Cannot set property __MVC_FormValidation of null错误
JQuery报错Uncaught TypeError: Illegal invocation的处理方法
10-24
然而，在使用jQuery过程中，开发者有时会遇到JavaScript控制台抛出“Uncaught TypeError: Illegal invocation”错误。这个错误通常不是由jQuery自身引起的，而是与JavaScript作用域及上下文有关。 当我们进行Ajax...
Js引入问题--Uncaught TypeError: Cannot read property ‘appendChild‘ of undefined 的分析与解决
小白的学习之路
03-10 4454
     在<head>内引入外部Js ，报错出异常，显示Uncaught TypeError: Cannot read property ‘appendChild’ of undefined，属性未定义。为什么出现这种问题。查找很久发现这跟Js、DOM加载顺序有关，由于写在了<head>内，它会先执行，但是此时由于DOM还未加载完，而Js里有需要获取DOM中元素的语句要执行，这时就会出现异常，Js报错Uncaught TypeError: Cannot read property.
Cannot read property 'appendChild' of undefined
haodiaoji9386的博客
09-02 7850
使用laydate.js 报Cannot read property 'appendChild' of undefined错 是时间格式错误 正确格式： 建议使用 直接选 不要手动输入，或者不要选浏览器帮你缓存的数据 ...
浏览器控制台报错“TypeError: Cannot read properties of undefined (reading ‘appendChild‘)”
最新发布
InterfaceToL的博客
06-01 117
问题原因：创建tr元素时，用setAttribute。问题背景：通过元素点击事件给td赋值。
laydate报Uncaught TypeError: Cannot read property 'appendChild' of undefined
ying940718的博客
04-23 4929
laydate Uncaught TypeError: Cannot read property ‘appendChild’ of undefined 我遇到这个错误之后是从两个方向解决的问题 出现了这个的原因可能是因为把初始化的js放在了head中引用，导致DOM元素还没有加载完就进行初始化，因此报错。如果是这个原因的话只需要将js从head中放置到body中就可以了。 因为layDate是...
#Angular# TypeError: Cannot read property ‘appendChild‘ of undefined
weixin_46285770的博客
01-13 280
可能是运行端口有问题，可换个端口试试
Error in created hook: “TypeError: Cannot read properties of undefined (reading ‘appendChild‘)“
chen_XiaoFang的博客
05-27 8911
调用this.$QRCode时报：Error in created hook: "TypeError: Cannot read properties of undefined (reading 'appendChild')" 问题代码： creatQrCode() { var that = this var qrcode = new that.$QRCode(that.$refs.qrCodeUrl, { text: '5201314', // 需要
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#&lt;Object&gt;‘的解决
08-30
在Vue开发过程中，有时会遇到一个常见的错误：`Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'`。这个错误通常发生在使用Webpack打包Vue应用时，由于模块导入导出规范的...
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#Object‘的解决方法
12-09
当你遇到“Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'”这样的错误，通常是因为在同一个模块中混用了CommonJS（`require`和`module.exports`）和ES6模块（`import`...
电位器的标称阻值和允许偏差
07-11
1、标称阻值为了满足使用者的要求，生产厂生产了各种阻值的电阻器。即使如此，也无法做到使用者想要什么样阻值的电阻器就会有什么样电阻器的成品。为了便于生产和使用，国家统一规定了一系列阻值作为电阻器阻值的标准值，这一系列阻值叫做电阻的标称阻值。表2-5 和表2-6 列出了常用电阻器的阻值系列标准。线绕或非线绕固定电阻器的标称阻值应符合表2-5和表2-6 中所列数值之一，或是表中所列数值再乘以10 n ， 其中n为O或正数。 2. 允许偏差在实际生产中，加工出来的电阻器很难做到和标称阻值完全一致，即阻值具有一定的分散性。为了便于生产的管理和使用，必须规定电阻器的精度等级，确定电阻器在不同精度等级下的允许偏差。 允许偏差值可用下式计算，即 式中:δ-----允许偏差;R-----电阻器的实际阻值;Rτ-----电阻器的标称阻值。表2-7 列出了电阻器(电位器)的精度等级与允许偏差的对应关系。 市场上成品电阻器的精度大都为I 、Ⅱ级， Ⅲ级的很少采用。005 、01 和02 精度等级的电阻器，仅供精密仪器或特殊电子设备使用.它们的标称阻值属E48 、E96 、E19
Vue使用qrcodejs2插件做弹窗二维码，以及解决cannot read property“appendChild‘ of undefined 问题
weixin_43400431的博客
09-25 6224
如果使用弹窗显示二维码， 那就涉及父子组件传值。 在父子组件的生命周期中， mounted() 触发的顺序是先子后父，控制台打印如下： 所以使用 mounted()去触发转换二维码的方法，控制台肯定会报错cannot read property"appendChild" of null 。 因为你获取这节点时，节点还没加载。弹窗的页面还没有被挂载到，就执行了这个方法，所以就会报错。 加 nextTick() 或者 加延时函数 setTimeOut() 都是没有用的。 后面去看了element官网里面的D
js中控制台报错：Uncaught TypeError: Cannot read properties of undefined (reading ‘appendChild‘)
热门推荐
qq_56715703的博客
11-23 2万+
得知：在代码执行前的预加载中是先把函数bindData(classList)调用，之后才定义了课程，所以在函数bindData中最后一行的kecheng还未定义。从上图可以看出，我把获取元素写到了调用方法的后面，且报错时提示的行数对应的内容是：kecheng.appendChild(div);意思是：未捕获的类型错误: 无法读取未定义的属性(读取‘ appendchild’)也就是说，你在使用appendChild时的父元素上没有这个属性，所以没法使用。此时我的js代码为：（只展示引起错误的部分）
qrcodejs2报错 TypeError: Cannot read properties of undefined (reading ‘appendChild‘)“
lornall的博客
04-13 1323
原因：在created的时候vue还没生成dom，因此拿不到this.$refs.qrCodeUrl对应的dom，就报错了，解决方法:在mounted里调用生成二维码的函数。在created的时候调用这个函数，就报错了。
Uncaught TypeError: Cannot read property 'appendChild' of null
菜菜鸟的博客
01-30 1306
报错 Uncaught TypeError: Cannot read property ‘appendChild’ of null 原因:是由于获取不到插入的节点 出现这种情况的原因：获取节点时，节点还没加载 如：js写在head里面，取body里面的某一节点，这时候是取不到的。即该js的作用域 在head以 解决方法：把JS代码放到后面 ...
js connot read property appendchild of undefined
weixin_51822790的博客
04-19 430
 在内引入外部Js ，报错出异常，显示Uncaught TypeError: Cannot read property ‘appendChild’ of undefined，属性未定义。为什么出现这种问题。查找很久发现这跟Js、DOM加载顺序有关，由于写在了内，它会先执行，但是此时由于DOM还未加载完，而Js里有需要获取DOM中元素的语句要执行，这时就会出现异常，Js报错Uncaught TypeError: Cannot read property ‘appendChild’ of undefined，.
dom未加载导致undefined报错
FlowingRiver
11-25 351
中有个图表，通过$refs控制。发现打开drawer之后可以通过$refs找到，但未打开drawer之前$refs则会报出猜想原因应该是抽屉打开之前，其上的组件没有被加载，故不能通过$refs找到。
Uncaught TypeError: Cannot read property 'length' of undefined
06-02
// Uncaught TypeError: Cannot read property 'length' of undefined ``` 要解决这个问题，可以在使用`length`属性之前，确保`myArray`数组已被正确定义和初始化。 ``` var myArray = [1, 2, 3]; console.log...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值