`

document.body is null

 
阅读更多

虽然body是JS中的DOM技术中所有浏览器支持的属性,但在我们的代码编写中,还是会碰到document.is null问题 

问题的原因很简单,是因为我们在body标签前就加载了js,此时还没有body元素

问题的解决办法就是把调用到document.body的JS代码移到body标签代码结束之后。

转载地址:http://bestchenwu.iteye.com/blog/1231956

分享到:
评论

相关推荐

    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`这类常见的错误,提高代码的健壮性和用户体验。记住,良好的编程习惯和对文档结构的理解是解决...

    javascript常用的代码大全

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

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

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

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

    document.body.appendChild(ifr); ifr.onload = function() { var doc = ifr.contentDocument || ifr.contentWindow.document; // 在这里操作doc,也就是b.html ifr.onload = null; }; ``` 在`...

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

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

    107个常用javascript语句

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

    常用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`, ...

    出现问题a is defined高手帮忙

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

    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. ...

    JS函数集(打印版)

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

    JavaScript-js宝典笔学习记.txt

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

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

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

    108JAVASCRIPT语句.

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

    常用js大全.docx

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

    js宝典学习笔记,记录JAVA SCRIPT宝典中的内容

    document.body.appendChild(elem); ``` ### 29. 获取元素 使用 `document.getElementById()` 获取页面中的元素。 ```javascript var elem = document.getElementById("myDiv"); ``` ### 30. 清空表单文本框 遍历...

Global site tag (gtag.js) - Google Analytics