Cannot set property ‘innerHTML’ of null 错误原因

最新推荐文章于 2023-09-17 23:51:03 发布
最新推荐文章于 2023-09-17 23:51:03 发布
阅读量1.1w 收藏
点赞数 2
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010233323/article/details/52096426
版权


很有可能是js文件中调用了html中的某个节点，并且js在这个调用的对象之前加载了。

如果js放在头部时，此时浏览器渲染未进入dom节点，因为提示为空，或者找不到。

所以把js代码放到最后或调用的对象后面就行了。

 

 

补充：正确的写法应该是在请用对象之前作个判断。 if(document.getElementById(“id”)){

dosomething

}

csdn启程
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Javascript在IE下设置innerHTML时出现未知的运行时错误的解决方法
10-28
程序代码思路大致如下,想动态的改变tr标签的innerHTML内容,但是IE却报未知的运行时错误
Cannot set property innerHTML of null
qq_27523379的博客
06-21 3406
最近写代码出现一个这样的一个: Uncaught TypeError: Cannot set property ‘innerHTML’ of null. 大致意思就是无法为innerHTML设置为null,也就是无法将标签的html内容设置为null,这种情况一般是没有调用JavaScript函数并且JavaScript在HTML标签的前面,造成Javascript找不到对应的HTML标签,看代码 <!DOCTYPE HTML > <HTML> <head> &l
报错：Uncaught TypeError: Cannot set property ‘innerHTML‘ of null
csdnyq的博客
07-08 1135
报错：Uncaught TypeError: Cannot set property ‘innerHTML’ of null 出现这个错误的原因我知道2个： 假设以下代码报这个错误 document.getElementById("name").innerHTML = "zhangsan"; HTML元素不存在。页面不存在id为name的HTML元素。解决办法：删除掉这个多余的代码。 js代码先加载，HTML标签后加载，这时，在加载js时，找不到id为name的HTML标签。解决方法，把这个js代码放到
Cannot set property ‘innerHTML‘ of null
qq_40948862的博客
09-20 211
JavaScript基础不好 出现了这个原因，查找以下两种情况 js代码写在HTML文件中：getElementById();应该在对应DOM元素的下方。 js文件与HTML文件分开：getElementById(id);id的参数是否正确，不要加任何修饰符，比如‘#’ <div id="javaScript"></div> document.getElementById("javaScript").innerHTML = 'javaScript'； ...
Uncaught TypeError: Cannot set property 'innerHTML' of null
bingyu的博客
11-16 5603
学习Chrome插件时，要在弹出页面中显示当前时间，结果怎样也显示不出来 看了 http://www.cnblogs.com/mfryf/p/3701801.html 这篇文章后感悟颇深 通过调试发现在js中的一段代码没有执行到，报以下错误 　　Uncaught TypeError: Cannot set property 'innerHTML' of null  　　然后
js插件设置innerHTML时在IE8下提示“未知运行时错误”解决方法
12-29
本文实例讲述了js插件设置innerHTML时在IE8下提示“未知运行时错误”解决方法。分享给大家供大家参考。具体分析如下： 问题描述： 网站中使用了一个js插件，设置innerHTML时，在IE8下报错“未知运行时错误”： ...
Angular中innerHTML标签的样式不起作用的原因解析
10-16
主要介绍了Angular中innerHTML标签的样式不起作用详解 ,本文给出了解决方案，非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下
对于Uncaught TypeError: Cannot set property ‘innerHTML‘ of null 的理解
Dr_free的博客 专注物联网的数据处理和组网技术
09-09 1831
在w3school自学JavaScript时，发现一个很有意思的问题。首先看下面代码： <!DOCTYPE html> <html> <body> <h2>Body中的JavaScript</h2> <script> myFunction(); function myFunction() { document.getElementById("demo").innerHTML ="hello"; } </script
【JavaScript】关于Uncaught TypeError: Cannot set properties of null (setting ‘innerHTML‘)报错
aDiaoYa_的博客
01-15 1万+
问题：关于Uncaught TypeError: Cannot set properties of null (setting ‘innerHTML‘)报错
Uncaught TypeError: Cannot set property ‘innerHTML‘ of null
你若盛开，清风自来
12-08 1110
我的HTML代码 <span id="nickname"></span> <div id="introduce"></div> 我的JS代码 // JavaScript // 试图控制器 var userInfo = {} Object.defineProperty(userInfo, 'nickName', { get: function(){ return document.getElementByI
js中"Uncaught TypeError: Cannot set property 'innerHTML' of null"错误
qq_44983621的博客
08-20 1万+
js中"Uncaught TypeError: Cannot set property ‘innerHTML’ of null"错误 这是属于一个常见的错误 <script type="text/javascript"> document.getElementById("timer").innerHTML = "adasd"; </script> <body&g...
已解决 Bug：TypeError: Cannot set property ‘innerHTML‘ of null
最新发布
从前端设计到后端实现，从云技术到人工智能，这里分享最新的技术见解和实践经验。一起学习，一起进步！
09-17 326
Hey大家，猫头虎博主又回来啦！今天，我将分享一个前端领域中常见的 Bug：TypeError: Cannot set property ‘innerHTML’ of null。在这篇博客中，我会深入研究这个问题，详细解释它的原因，提供解决方法，并分享如何避免它。让我们一起探讨如何摆脱这个头疼的 Bug 吧！TypeError: Cannot set property ‘innerHTML’ of null 是一个常见的前端 Bug，通常出现在操作 DOM 元素时。
Cannot set property 'innerHTML' of null解决办法
热门推荐
qq_36826248的博客
08-13 4万+
今天写程序的时候出现了Cannot set property 'innerHTML' of null，网上查找了一些资料，原来js是自上而下调用的。 解决办法： 将js放在web页面你要编辑的元素的后面，我是放在body的最后，问题解决。 参考链接：https://stackoverflow.com/questions/18239430/cannot-set-property-innerht...
js代码Uncaught TypeError: Cannot set properties of null (setting ‘innerHTML‘)问题解决
nanke_yh的博客
03-27 3万+
Uncaught TypeError: Cannot set properties of null (setting 'innerHTML')问题解决：将DOM的读取部分的script部分(js代码段)放在body后面。或者在script标签中添加window.onload，等页面加载结束后再执行这一部分代码。
Uncaught TypeError: Cannot set properties of null (setting ‘innerHTML‘)问题解决
weixin_45828554的博客
05-08 3031
【代码】Uncaught TypeError: Cannot set properties of null (setting ‘innerHTML‘)问题解决。
Uncaught TypeError：Cannot set property ”innerHTML“ of null 常是粗心错误
qq_2605729906的博客
06-09 773
Uncaught TypeError: Cannot set property ‘innerHTML’ of null 捕获不到类型错误:无法将属性’innerHTML’设置为null <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="
js报错 Cannot set property 'innerHTML' of null
小志的博客
12-14 6602
Uncaught TypeError: Cannot set property 'innerHTML' of null
uncaught typeerror: cannot set property 'innerhtml' of null
06-28
### 回答1： 这是一个JavaScript错误，意思是无法设置null的innerhtml属性。这通常是因为你尝试在一个不存在的元素上设置innerhtml属性。你需要检查你的代码，确保你正在尝试设置正确的元素的innerhtml属性。 ### 回答2： 在编写JavaScript代码的过程中，常常会遇到“uncaught typeerror: cannot set property 'innerhtml' of null”这样的错误提示。这个错误提示表示JavaScript代码尝试给一个null或undefined变量赋值，具体来说就是在JavaScript代码中使用document.getElementById()方法来获取某个HTML元素的引用时，该元素不存在或者ID值写错等原因导致无法找到该元素，此时就会抛出该错误。 在解决这个错误时，我们需要检查代码中document.getElementById()方法所获取的元素是否存在，可以通过console.log()输出调试信息，或者在代码中添加if语句判断元素是否存在再进行操作。另外，也可能是因为代码在DOM未完全加载完成时执行，我们需要确保代码在DOM加载完成后再执行。 总之，出现以上错误时，需要认真检查代码，确保元素存在且ID正确，并添加必要的条件判断和等待DOM加载的代码，以免出现上述错误。 ### 回答3： uncaught typeerror: cannot set property 'innerhtml' of null 是一个 JavaScript 错误类型，也被称为运行时错误或异常。该错误意味着代码中尝试设置一个不存在或未定义为 null 的元素的 innerHTML 属性值，从而导致了内部错误。下面将详细解释该错误的一些原因及解决办法。 1. 原因： 该错误可能是由于以下原因造成的： - 代码中未找到元素。尝试在 HTML 中使用 id 或类名选择器创建元素时，需要确保选择器匹配了具有正确 id 或类名的元素。如果代码尝试设置不存在的元素的 innerHTML，则会将 null 分配给元素并触发此错误。 - 代码在元素加载之前运行。如果尝试在文档加载期间运行时设置元素的 innerHTML，则可能出现该错误。这种情况下，应将代码包装在 window.onload 或 document.ready 事件中，等待文档元素完全加载之后再执行操作。 - 确保代码设置了正确的属性。请注意属性名称的大小写。如果属性名或值未设置正确，则该错误可能出现。 - 变量或元素转换错误。尝试在元素实际未被分配之前读取属性或将错误类型的值赋值给该属性时，也可能触发此错误。 2. 解决方法： - 确保选择器与元素匹配：在代码中确认元素是否存在，并使用正确的 id 或类名。在元素加载之前，请确保等待文档元素完全加载之后再执行操作。 - 检查属性名和元素是否存在：检查代码中属性名称的拼写和大小写是否正确。确保元素存在且正确被分配了ID或者类名。 - 检查变量和数据类型：确保赋值给 innerHTML 属性的变量与 string 数据类型相符合。 综上所述，uncaught typeerror: cannot set property 'innerhtml' of null 错误提示意味着代码尝试为 null 或未定义的元素设置 innerHTML 属性，这并不合法。该错误可能由选择器与元素不匹配、属性名称或元素未分配ID或者类名等原因导致。为解决此错误，需要确认选择器与元素匹配、检查属性名称、元素是否存在以及读与分配操作的变量等。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值