`

Cannot call method 'appendChild' of null

IEOpera浏览器 
阅读更多
调试过程中出现一个奇怪的错误：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> 里面就可以正常运行了 
分享到：
| Parameters:Invalid chunk ignored
评论
1 楼 icuy 2011-05-13  
我刚刚也遇到这个问题了,错误提示是"2Uncaught TypeError: Cannot call method 'addClass' of null",特意通过了万恶的论坛问答考验,发一个感谢贴.
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    电位器的标称阻值和允许偏差

    1、标称阻值为了满足使用者的要求，生产厂生产了各种阻值的电阻器。即使如此，也无法做到使用者想要什么样阻值的电阻器就会有什么样电阻器的成品。为了便于生产和使用，国家统一规定了一系列阻值作为电阻器阻值的...

    js原生appendChild的bug解决心得分享.docx

    ### JavaScript原生appendChild方法的Bug解决心得 #### 一、问题背景 在Web开发中，经常需要通过JavaScript来动态操作DOM元素，其中`appendChild`是一个非常常用的方法，用于将一个节点添加到另一个节点的子节点...

    如何在框架(frame)页面之间使用appendChild()？

    在处理框架页面间交互时，JavaScript的`appendChild()`方法是一个非常实用的工具，它允许我们在DOM（文档对象模型）中添加新的元素。本篇文章将详细探讨如何在框架页面之间使用`appendChild()`。 首先，理解`...

    js中AppendChild与insertBefore的用法详细解析.docx

    JavaScript 中的 AppendChild 和 InsertBefore 用法详细解析 在 JavaScript 中，appendChild 和 insertBefore 是两个常用的方法，用于在 DOM 中插入新的节点。但是，很多开发者对这两个方法的使用和区别不是很清楚...

    JS中appendChild追加子节点无效的解决方法

    在JavaScript中，`appendChild`方法是用于向元素的子节点列表末尾添加一个新的子节点。然而，在某些情况下，我们可能会遇到`appendChild`追加子节点无效的问题。这个问题通常与DOM操作的规则有关，特别是当尝试将一...

    js原生appendChild的bug解决心得分享

    这就是为什么在使用`appendChild()`进行元素移动操作时，推荐使用传统的`for`循环而不是`while`或`for...of`循环的原因。 具体来说，使用`while`循环时，每次`appendChild()`的调用都会影响`length`属性，因此每次...

    js AppendChild与insertBefore用法详细对比

    如果参考节点为null，则insertBefore()的行为与appendChild()完全一致，即把新节点添加到父节点的子节点列表的末尾。如果不为null，则新节点会插入到参考节点之前。 .insertBefore()方法的基本语法如下： ```...

    详解javascript appendChild()的完整功能

    appendChild()常用功能。 平时我们用appendChild的时候，都是向父级上添加子元素 appendChild的另一个功能是，先把元素从原有父级上删掉，然后添加元素到新的父级。（移除再添加）。 代码说明 &lt;!DOCTYPE ...

    append和appendTo的区别以及appendChild用法

    在JavaScript和jQuery中，操作DOM元素的添加是一个常见的任务，其中`append`、`appendTo`和`appendChild`是三个关键的函数。理解它们的区别和用法对于进行前端开发至关重要。 首先，`append`和`appendTo`都用于在...

    javascript appendChild,innerHTML,join性能比较代码

    在JavaScript中，向DOM（文档对象模型）动态添加元素是常见的操作，这通常涉及`appendChild()`、`innerHTML`和数组的`join()`等方法。这些方法各有优缺点，且在性能上有所不同。以下是对这些方法的详细说明： 1. `...

    MSXML解析XML文档（源码）.

    MSXML解析XML文档（源码）.

    javascript使用appendChild追加节点实例

    利用JavaScript，我们可以操作DOM（文档对象模型）来改变页面上的元素，而appendchild是其中常用的DOM操作方法，用于在指定父节点的子节点列表的末尾添加一个新的子节点。本文将详细介绍appendChild方法的使用和一个...

    appendChild() 或 insertBefore()使用与区别介绍

    如果传递给`insertBefore()` 的第二个参数是`null`，那么新节点将被添加到子节点列表的末尾，相当于`appendChild()` 的行为。但如果我们提供了现有子节点的引用，新节点就会被插入到这个参考节点之前。例如，在一个...

    js中AppendChild与insertBefore的用法详细解析

    appendChild定义appendChild(newChild: Node) : NodeAppends a node to the childNodes array for the node.Supported: IE 5.0+, Mozilla 1.0+, Netscape 6.0+, Safari 1.0+, Opera 7.0+添加一个节点到指定的节点的...

    初学js插入节点appendChild insertBefore使用方法

    首先 从定义来理解 这两个方法： appendChild() 方法：可向节点的子节点列表的末尾添加新的子节点。语法：appendChild(newchild) insertBefore() 方法：可在已有的子节点前插入一个新的子节点。语法 ：insertBefore...

    一个页面元素appendchild追加到另一个页面元素的问题

    在JavaScript中，`appendChild`是一个非常基础且常用的方法，它用于将一个节点添加为指定父节点的最后一个子节点。当你提到“一个页面元素appendChild追加到另一个页面元素的问题”，实际上涉及的是DOM（Document ...

    走马灯效果代码js appendChild实现的无缝滚动

    ### 走马灯效果代码js appendChild实现的无缝滚动 #### 一、知识点概述 在Web开发中，“走马灯”效果常被用来展示滚动的文本或图像，以吸引用户的注意力并提供一种动态视觉体验。本文将详细介绍如何利用JavaScript...

Magicbox
Global site tag (gtag.js) - Google Analytics