Cannot call method 'appendChild' of null

最新推荐文章于 2022-06-02 09:15:05 发布
原创 最新推荐文章于 2022-06-02 09:15:05 发布 · 324 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#IE #Opera #浏览器

本文介绍了一种在谷歌浏览器中遇到的JS错误“Uncaught TypeError: Cannot call method 'appendChild' of null”，并提供了有效的解决方案。该错误是因为在文档加载完成前尝试向不存在的document.body元素添加子节点导致。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

调试过程中出现一个奇怪的错误：Uncaught TypeError: Cannot call method 'appendChild' of null。只有在谷歌浏览器出现这个错误，其他IE系列，FF，Opera都是正常。找了一下原因，js的document.body.appendChild(container);是在 body 之前运行的，这个时候，document.body 不存在，即为 null ，所以 document.body.appendChild 就会报告上面的错误。把SCRIPT 代码包含到 <body></body> 里面就可以正常运行了
Vue源码分析——第三章
Lee的博客
09-10 732
Vue源码分析——第一章 Vue源码分析——第二章 // only used in dev mode //检测 val必需是数字 function checkDuration(val, name, vnode) { if (typeof val !== 'number') { warn( "<transition> explicit " + name + " duration is not a valid number - " + "got " + ...
Web-拾贝
oscar999的专栏
03-10 1万+
JavaScript MVC框架PK：Angular、Backbone、CanJS与Emberhttp://www.youkuaiyun.com/article/2013-04-25/2815032-A-Comparison-of-Angular-Backbone-CanJS-and-Ember一个好的js method 方法查询的网站， 有browser兼容的介绍http://help.dottoro.co...
Javascript Cannot call method 'appendChild' of null 解决方案
langqiao123的专栏
03-21 5536
Javascript Cannot call method 'appendChild' of null 解决方案: 调试过程中出现一个奇怪的错误：Uncaught TypeError: Cannot call method 'appendChild' of null。 只有在谷歌浏览器出现这个错误，其他IE系列，FF，Opera都是正常。 找了一下原因，js的document.bod
【ETL工具】kettle 程序报错 Javascript error: TypeError: Cannot call method “trim“ of null
康师傅没有眼泪
03-05 2961
2021/03/05 10:17:58 - 设备通道最后上报时间更新.0 - Finished processing (I=0, O=0, R=17253, W=17253, U=0, E=0)2021/03/05 10:17:58 - 记录集连接 3.0 - Finished processing (I=0, O=0, R=38614, W=50469, U=0, E=0)
flowable JTA 分布式事务 global transaction is running 冲突解决
LLmoe的博客
04-13 1805
项目场景： SpringBoot + JTA 分布式事务 + flowable 6.72 问题描述 开启JTA分布式事务后。。。flowable启动各种报错 com.atomikos.jdbc.AtomikosSQLException: Cannot call method ‘commit’ while a global transaction is running org.springframework.beans.factory.UnsatisfiedDependencyException: Er
SenchaTouch中出现数据覆盖 以及 “Cannot call method 'setData' of nul”l错误的可能原因
liuhenghui5201的专栏
09-26 1689
SenchaTouch中出现数据覆盖 的可能原因 当在ST系统中有多出Store使用同一个Model时，如果两个不同 Store的data中的 id 字段有重复的，则会出现数据紊乱的现象，比如两个列表使用不同的Store但都引用了同一个Model 在两个Store中data的id字段有重复的，将会导致列表数据现实错乱。 “Cannot call method 'setData' o
解决： cannot call methods on fileupload prior to initialization; attempted to call method 'params'
ste239的博客
08-05 1411
1、问题：cannot call methods on fileupload prior to initialization; attempted to call method 'params' 2、分析： 该问题表示fileupload不成功。 代码如下： $("#import").fileupload("params", { userName : formValues....
React源码分析（二）=> Reac初次渲染分析
翾的博客
07-02 5553
Reac初次渲染分析 源码基于React 16.8.6, 内容极长, 必须配合源码一起来看 单步调试的例子: `ReactDOM.render('hello', document.getElementById('root'))`; 下文基于这个例子来一步一步分析.
.Net 面试题整理(一)
热门推荐
fuchenxuan blog
05-22 1万+
.Net 面试题整理(一) 好久的资料了，拿出来分享给大家，主要是记录一些面试题整理。Main函数是什么？在程序中使用Main函数有什么需要注意的地方？ Q：程序的入口函数！函数名字不能改变；一个程序中有且只有一个Main函数。 CLR是什么？程序集是什么？当运行一个程序集的时候，CLR做了什么事情？ Q:Common Language RunTime 公共语言运行时。 编译后代码的集合
入门静态网页
jontyy的博客
01-17 3672
闲来无事，做了一个基础的静态网页，网页的基本功能是 1：介绍南通三处景点，以及首页介绍，总共七个小页面 2：点击web顶部四个按钮可以进行跳转至规定的页码，点击右下角的下一页图标跳到下一页 3：有一些基础的动画，比如hide，show 以下分别为html，css，js代码   &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;hea...
cannot call method foreach of undefined问题
u013108236的专栏
12-25 2325
在node.js的教程，一个简单的博客中。当我们进行到第六章“ 第6章 实现留言功能 时，会遇到一个问题 cannot call method foreach of undefined问题 原因很简单，是由于comment[]数组是空的，所以当使用foreach循环时，就会报错。 解决的方法在于comment.ejs页面，去掉显示评论的那一段代码，然后就可以正常运
WebView显示网页出现Uncaught TypeError: Cannot call method 'getItem' of null异常
qq_27831055的博客
11-06 1269
WebView显示网页出现Uncaught TypeError: Cannot call method 'getItem' of null异常 09-21 16:17:49.161: I/chromium(18581): [INFO:CONSOLE(8)] "Uncaught TypeError: Cannot call metho...
（三）以jdbc步骤来分析atomikos 源码-获取连接
LiMianDeRen的博客
06-02 759
获取连接
项目完工后，常用技术点小结
weixin_34124939的博客
07-05 164
  textarea placeholder 不显示 原因是textarea标签之间有空格---相当于已经设置了默认值，那placeholder就不会显示正确的是下面这种：&lt;textarea name="answer" placeholder="请输入imei"&gt;&lt;/textarea&gt;   jquery post方法：html中关于csrf： &lt;head...
记录一个报错 Uncaught TypeError: Cannot call method 'setItem' of null"
weixin_30814319的博客
06-13 512
正式环境的报错日志，时不时有这么一条报错： https://xx/xx/xx/xxxxxx/PinTuan/pintuan-17reqJson={"Msg":"Uncaught TypeError: Cannot call method 'setItem' of null","Url":"https://xx/xx/xx/xx/xx/pintuan-17","Line":"455","colum...
关于cannot call this method while recyclerview is computing a layout or scrollin
程序小渣渣
07-31 7056
不要在R ecycleview的bindviewholder里面设置的点击事件里面直接刷新数据 可以通过接口回调或者通知到外部去调用刷新 类似Evenbus完美解决 如果按照网上开ui线程去刷新，我觉得处理起来消耗的内存更多 性能方面没那么好 不知道对不对 public void onEvent(ResumeEven e){ if (e.getP()!=e.getP
Uncaught TypeError: Cannot read property 'appendChild' of null
最新发布
10-25
Uncaught TypeError: Cannot read property 'appendChild' of null是一个JavaScript错误，它通常发生在试图向null对象添加子元素（如HTML元素）时。"appendChild" 是用于将一个节点作为子节点添加到另一个节点的操作...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值