`

解决document.body is null的问题

阅读更多
在开发js中有用到document.body.appendChild的方法,提示document.body is null的错误,怀

疑是dom没有加载完毕,而执行了加载dom的操作

用的是jquery框架,加入document.ready解决问题


$(document).ready(function(){
   //执行的函数
)
分享到:
评论

相关推荐

    TypeError document.getElementById(...) is null错误原因

    `TypeError: document.getElementById(...) is null` 是一个常见的JavaScript错误,通常出现在尝试访问一个尚未加载或者不存在于DOM(文档对象模型)中的元素时。这个错误表示`document.getElementById`方法未能找到...

    TypeError document.getElementById(…) is null错误原因

    了解这些基本的JavaScript执行机制和DOM加载流程,能帮助开发者避免`TypeError: document.getElementById(...) is null`这类常见的错误,提高代码的健壮性和用户体验。记住,良好的编程习惯和对文档结构的理解是解决...

    document.getElementById获取控件对象为空的解决方法

    由于 `<script>` 标签在 `<body>` 中的输入框之前,`document.getElementById('mes')` 返回 `null`,因为此时浏览器还没有解析到这个文本框。因此,尝试设置 `t.value` 会导致错误。 为了解决这个问题,我们需要...

    javascript常用的代码大全

    - **知识点**:`String, Number, Boolean, Null, Object, Function` - JavaScript 中的基本数据类型包括字符串、数字、布尔值、空值和函数。 - 对象是一种复合数据类型,可以包含多种其他类型的值。 #### 8. 类型...

    前端解决跨域问题的8种方案.docx

    ### 前端解决跨域问题的八种方案 #### 一、同源策略概述 在探讨具体的跨域解决方案之前,我们先来了解下同源策略的基础知识。同源策略(Same-origin policy)是浏览器的一项重要的安全策略,用于限制一个来源的...

    出现问题a is defined高手帮忙

    cornerTopDiv: null, cornerRightDiv: null, cornerBottomDiv: null, cornerLeftDiv: null, mapPosition: null, outlineDiv: null, mapWidth: 0, mapHeight: 0, mapRatio: 0, startX:...

    107个常用javascript语句

    92.document.body.noWrap=true;防止链接文字折行. 93.变量名.charAt(第几位),取该变量的第几位的字符. 94."abc".charCodeAt(第几个),返回第几个字符的ASCii码值. 95.字符串连接:string.concat(string2),或用 =进行...

    对offsetLet,offsetTop,scrollLeft,scrollTop几个方法的理解

    "document.body.clientHeight: " + document.body.clientHeight + " " + "document.body.offsetHeight: " + document.body.offsetHeight + " " + "document.body.scrollHeight: " + document.body....

    常用JAVAScript注解

    3. HTML 文档顺序:document -> html -> (head, body) 4. 浏览器窗口中的 DOM 顺序:window -> (navigator, screen, history, location, document) 变量声明 5. 获取表单中元素的名称和值:document....

    常用js大全.pdf

    * HTML 文档的顺序:`document -> html -> (head, body)` * 浏览器窗口中的 DOM 顺序:`window -> (navigator, screen, history, location, document)` 变量和数据类型 * JavaScript 中的基本数据类型:`String`, ...

    js使用小技巧

    禁止选取<body oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return ...

    107句JSjavascript常用语句.doc

    3. HTML 文档顺序:document -> html -> (head, body),HTML 文档的基本结构。 4. 浏览器窗口中的 DOM 顺序:window -> (navigator, screen, history, location, document),浏览器窗口中的 document 对象模型结构...

    js-107种.txt

    document.body.appendChild(newElement); ``` ### 29. 获取元素 可以使用 `document.getElementById()` 来获取页面上的元素: ```javascript var element = document.getElementById("myElement"); ``` ### 30. ...

    108JAVASCRIPT语句.

    document.body.appendChild(newElement); ``` ### 29. 获取元素 可以使用 `document.getElementById()` 获取页面中的特定元素。例如: ```javascript let element = document.getElementById("exampleId"); ``` ...

    JavaScript-js宝典笔学习记.txt

    document.body.appendChild(newDiv); ``` #### 29. 获取DOM元素 `document.getElementById()` 通过元素ID获取DOM元素。 ```javascript let element = document.getElementById("myElement"); ``` #### 30. 清空...

    JS函数集(打印版)

    传统的 HTML 文档顺序是:document -> html -> (head, body),这意味着 HTML 文档的结构由 document、html、head 和 body 四个部分组成。 4. 浏览器窗口中的 DOM 顺序: 浏览器窗口中的 DOM 顺序是:window -> ...

    常用js大全.docx

    3. HTML文档结构:传统的HTML文档结构为:document -> html -> (head, body)。 4. 浏览器窗口中的DOM顺序:window -> (navigator, screen, history, location, document)。 5. 获取表单元素的名称和值:使用...

    100多个有用的JavaScript函数及基础语法集合

    传统的 HTML 文档结构顺序是:document -> html -> (head, body) 浏览器窗口中的 DOM 顺序 一个浏览器窗口中的 DOM 顺序是:window -> (navigator, screen, history, location, document) 获取表单元素 可以使用 ...

    107个常用Javascript语句

    JavaScript是一种广泛应用于网页和网络应用开发的脚本语言,它主要负责实现客户端的交互功能。在本文中,我们将深入探讨...掌握这些语句对于JavaScript开发者来说至关重要,能够帮助他们更高效地编写代码和解决问题。

Global site tag (gtag.js) - Google Analytics