Javascript Cannot call method 'appendChild' of null 解决方案

最新推荐文章于 2024-05-23 14:28:42 发布
最新推荐文章于 2024-05-23 14:28:42 发布
阅读量5.5k 收藏
点赞数
分类专栏： 工作 文章标签： javascript 错误解决 解决方案
本文探讨了在谷歌浏览器中遇到的错误：在body元素未加载时调用appendChild方法导致的Uncaught TypeError: Cannot call method 'appendChild' of null。通过将脚本包含在<body>标签内或放在body标签之后，可以解决这个问题。

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

Javascript Cannot call method 'appendChild' of null 解决方案:
调试过程中出现一个奇怪的错误：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> 里面或者放到body标签后面即可正常运行.

32、JavaScript中的对象类型
Pepper的专栏
05-27 14
本文详细介绍了JavaScript中的对象类型，包括对象的基本概念、属性和方法、继承与多态性、私有变量的实现方式等核心内容。同时，还探讨了对象的序列化与反序列化、深拷贝与浅拷贝、遍历与解构赋值等高级特性，并介绍了对象在数据封装、DOM操作、AJAX请求等典型应用场景。此外，还涵盖了对象的性能优化、内存管理、设计模式以及调试和错误处理技巧，帮助开发者全面掌握JavaScript对象的使用。
14、JavaScript 设计模式深度解析
最新发布
m3n5b7v8c9x的博客
07-11 13
本文深入解析了JavaScript中常用的几种设计模式，包括单例模式、工厂模式、迭代器模式、装饰器模式和策略模式。每种模式都通过具体示例进行了实现，并详细分析了它们的适用场景及优势。此外，文章还探讨了这些模式的组合使用以及未来发展趋势，旨在帮助开发者提高代码质量并更好地应对复杂开发场景。
TypeError:Cannot call method 'getItem' of null
gbjian008的博客
12-29 4566
这个错误是我在android中使用webview打开一个带有发送短信的html5页面，发送短信报的错误，发送短信我使用的是leancloud提供了一套手机短信验证     AV.Cloud.requestSmsCode({ mobilePhoneNumber : mb, name : 'XXXX, op : '手机
sencha touch Ext.Ajax.request 错误 Cannot call method 'request' of undefined 解决方案
11-09 243
凡是Cannot call method '' of undefined 这类错误大部分都可以参照下面的办法来解决 在st中有时候你会发现使用Ext.Ajax.request会出现一下错误： Cannot call method 'request' of undefined 出现以上错误的原因是Ext.Ajax这个组件没有被注册 解决方案： 1.一般来说你只要在控制层或者...
Cannot call method 'appendChild' of null
iteye_16871的博客
02-16 324
调试过程中出现一个奇怪的错误：Uncaught TypeError: Cannot call method 'appendChild' of null。只有在谷歌浏览器出现这个错误，其他IE系列，FF，Opera都是正常。找了一下原因，js的document.body.appendChild(container);是在 body 之前运行的，这个时候，document.body 不存在，即为 nu...
【ETL工具】kettle 程序报错 Javascript error: TypeError: Cannot call method “trim“ of null
康师傅没有眼泪
03-05 2963
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)
(启动H5本地存储)WebView显示网页出现Uncaught TypeError: Cannot call method 'getItem' of null异常
u010064206的专栏
09-22 7434
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 method 'getItem' of null", source
JavaScript 逆向 ( 一 ) --- JavaScript 语法基础
墨鱼菜鸡
07-11 1170
js 逆向：https://www.cnblogs.com/wuxianyu/category/1940304.html js逆向2：https://www.cnblogs.com/wuxianyu/category/1941486.html JS 中的类型转换：https://segmentfault.com/a/119000001367922...
offer收割机最新整理的JavaScript手写题
panerchao的博客
05-23 1048
【代码】offer收割机最新整理的JavaScript手写题。
Vue源码分析——第三章
Lee的博客
09-10 734
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 " + ...
Cannot-call-method substring of undefined sencha-touch-all.js
空気力学少女の诗
03-05 1303
今天写sencha touch页面跳转时遇到了这个bug，怎么找都找不到错误 先贴出错误代码Ext.define("NotesApp.view.View1", { extend: "Ext.Container", // alias: "widget.view1", config: { id:'view1', layout: {
cannot call method foreach of undefined问题
u013108236的专栏
12-25 2326
在node.js的教程，一个简单的博客中。当我们进行到第六章“ 第6章 实现留言功能 时，会遇到一个问题 cannot call method foreach of undefined问题 原因很简单，是由于comment[]数组是空的，所以当使用foreach循环时，就会报错。 解决的方法在于comment.ejs页面，去掉显示评论的那一段代码，然后就可以正常运
“Uncaught TypeError: Cannot call method 'createChild' of undefined" 问题的解决
weixin_33998125的博客
07-05 347
Uncaught TypeError: Cannot call method 'createChild' of undefined 我在使用Ext 4.1.1做grid.Panel，然后chrome爆出这么个错误，无法理解，百度谷歌终于改好了 是这样子的，grid.Panel的整个代码要放到Ext.onReady里面,例如 Ext.onReady(function(){ se...
解决： cannot call methods on fileupload prior to initialization; attempted to call method 'params'
ste239的博客
08-05 1416
1、问题：cannot call methods on fileupload prior to initialization; attempted to call method 'params' 2、分析： 该问题表示fileupload不成功。 代码如下： $("#import").fileupload("params", { userName : formValues....
Cannot call method 'indexOf' of undefined
ZH592677127的专栏
01-05 1万+
js文件中： var executors_name = $("#executors_name") ; var executors_name_val = executors_name.val(); if(executors_name_val.indexOf("、") > 0){ executors_name.val(executors_name_val.substring(0,executo
SenchaTouch中出现数据覆盖 以及 “Cannot call method 'setData' of nul”l错误的可能原因
liuhenghui5201的专栏
09-26 1692
SenchaTouch中出现数据覆盖 的可能原因 当在ST系统中有多出Store使用同一个Model时，如果两个不同 Store的data中的 id 字段有重复的，则会出现数据紊乱的现象，比如两个列表使用不同的Store但都引用了同一个Model 在两个Store中data的id字段有重复的，将会导致列表数据现实错乱。 “Cannot call method 'setData' o
Uncaught TypeError: Cannot call method 'replace' of undefined 的解决
热门推荐
zzz_781111的专栏
04-23 1万+
Uncaught TypeError: Cannot call method 'replace' of undefined 的解决 1. js代码 var rip = $("#RSIP").val(); rip = rip.replace(/\r|\n/g,":"); 报错 Uncaught TypeError: Cannot call method 'replace' of unde
Cannot call method 'getItem' of null
ziazan的博客
04-17 1347
问题项目时一个APP的外壳，在WebView中嵌入html5页面。我在h5中操作localStorage 来缓存数据，但是程序一到localStorage.getItme()就报错执行不下去。寻找线索在localStorage.getItme()进行了try catch看错误信息: Cannot call method 'getItem' of null 似乎是不支持localStorage的操
xml 之dom方式调试篇
icatchyou的专栏
07-31 1397
doc.appendChild( doc.createProcessingInstruction("xml","version=\"1.0\" encoding=\"UTF-8\""));
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、付费专栏及课程。

余额充值