为什么我收到"Cannot set property 'innerHTML‘of null at ahint“
这个问题是由于在代码中尝试设置一个不存在的元素的innerHTML属性而引起的错误。具体来说，当我们尝试通过JavaScript代码来修改HTML元素的innerHTML属性时，我们需要确保该元素已经被正确地加载到DOM中。
在这种情况下，错误信息"Cannot set property 'innerHTML' of null"意味着代码中尝试设置innerHTML属性的元素为null，即该元素不存在或尚未被正确加载到DOM中。
解决这个问题的方法是确保在尝试修改innerHTML属性之前，该元素已经被正确地加载到DOM中。可以通过以下几个步骤来解决：
- 确保元素存在：在代码中使用合适的选择器或getElementById()方法获取到正确的元素。可以使用浏览器的开发者工具来检查元素是否存在。
- 确保DOM加载完成：在尝试修改innerHTML属性之前，确保整个DOM已经加载完成。可以使用DOMContentLoaded事件或window.onload事件来确保DOM已经完全加载。
- 确保代码位置正确：将代码放置在正确的位置，确保在尝试修改innerHTML属性之前，相关的HTML元素已经被正确加载到DOM中。
总结起来，这个错误是由于尝试修改一个不存在或尚未加载到DOM中的元素的innerHTML属性而引起的。通过确保元素存在、DOM加载完成以及代码位置正确，可以解决这个问题。
请注意，以上答案是基于一般情况下的解决方法，具体情况可能因代码结构、环境等因素而有所不同。
相关·内容
我是一名安卓开发人员，也是JavaScript的新手。我正在使用javascript从我的活动中控制webview。在我的登录页面中，当我使用Java脚本函数时，我得到了一些巨大的错误。
代码：
web.loadUrl("javascript:document.getElementById(\"umail\").value = \""
+ email + "\";");
web.loadUrl("javascript:document.getElementById(\"password\")
浏览 0提问于2013-05-15得票数 1
回答已采纳
我的innerHTML=t;上似乎出现了控制台错误--脚本是在页面上显示时间。以下是控制台错误：
Uncaught TypeError: Cannot set property 'innerHTML' of null time.js:8
脚本将在页面上显示时间。以下是代码：
var myVar=setInterval(function(){myTimer()},1000);
function myTimer(event) {
var d=new Date();
var t=d.toLocaleTimeString();
document.getEleme
浏览 1提问于2013-12-06得票数 0
回答已采纳
我仍然收到这个错误： Error in event handler: TypeError: Cannot set property 'innerHTML' of null 甚至在我将代码放在if( code ){...}语句中之后？ chrome.runtime.onMessage.addListener(function(response, sender, sendResponse) {
if(response) {
console.log(response);
document.getElementById('count').inner
浏览 3提问于2020-01-14得票数 0
我试图在同一个页面上加载3个EpicEditor实例：。我得到的错误是Uncaught TypeError: Cannot set property 'innerHTML' of null，为什么会发生这种情况，以及如何解决这个问题？
浏览 2提问于2014-02-17得票数 1
回答已采纳
3回答
这段代码应该可以工作..但它没有，我收到一条错误消息，上面写着：
Uncaught TypeError: Cannot set property 'innerHTML' of null
这不是我第一次收到这个错误了，我仍然不理解它。
HTML：
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="mycss.css">
<s
浏览 3提问于2014-02-14得票数 0
1回答
我在一些测试页面中使用了这个dom命令：
document.querySelector('div#summary-item div.description').innerHTML || ""
但是在某些页面中，当第一部分不存在时，我没有收到第二部分，但是我收到了这个错误，我的程序停止了
Uncaught TypeError: Cannot read property 'innerHTML' of null(…)
是否有任何简单的方法来接收"“，而不需要在if语句中使用类型？
浏览 4提问于2016-01-06得票数 0
回答已采纳
我正在尝试将JS数据打印到HTML中。我没能把它打印出来。我做错什么了？
<!DOCTYPE html>
<html>
<head>
<title>JSON</title>
<script type="text/javascript">
// user is the property of obj1
var obj1 = {
user: "John",
浏览 4提问于2015-06-10得票数 1
回答已采纳
由于某种原因，我一直收到这个错误，我不知道为什么。
Uncaught TypeError: Cannot set property 'checked' of null js.js:4
check js.js:4
(anonymous function)
下面是我的代码：
document.body.onload="check()";
function check()
{
document.getElementById("urlchoice").checked=true;
}
浏览 4提问于2012-10-10得票数 2
回答已采纳
我有以下的JS。
function displayMatches() {
const matchArray = findMatches(this.value, motorcycles);
const html = matchArray.map(bike=> {
const regex = new RegExp(this.value, 'gi');
const bike_year = bike.year.toString().replace(regex, `<span class="hl">${this.v
浏览 9提问于2017-08-09得票数 0
为什么site 抛出Uncaught TypeError: Cannot set property 'innerHTML' of null
()：
<div class="castle_array" id="2x1" name="2x1"></div>
<div class="castle_array" id="3x1" name="3x1"></div>
<div class="castle_array" id
浏览 2提问于2012-09-09得票数 1
回答已采纳
我正在开发一个使用XMLHttpRequest的Chrome扩展，以便使用一个API。下面是我到目前为止掌握的代码：
myscript.js:
function httpGetAsync(theUrl) {
var xmlHttp = new XMLHttpRequest();
xmlHttp.onreadystatechange = function() {
if (xmlHttp.readyState == 4 && xmlHttp.status == 200)
var bitcoinInfo = JSON.parse(x
浏览 2提问于2017-03-24得票数 0
回答已采纳
我在实验javascript混淆。我使用和进行混淆，当试图混淆这段代码时，它会返回一个错误，为什么？
document.body.onmousedown = function () {
try {
document.getElementById("moveItem").innerHTML = "";
createdChart = false;
} catch {
}
};
错误：
TypeErro
浏览 2提问于2020-01-03得票数 1
回答已采纳
1回答
我想检索已完成其上传队列的下拉区域的节点(同一页面上有多个)，但我遇到了困难
var dropzone = new Dropzone("#" + dz_id, {
autoProcessQueue: true,
url: url + endpointFileMgr,
headers:{"APIKey":APIKey, "IndexUUID": Indexes[i].IndexUUID,"Cache-Control": ""
浏览 0提问于2018-06-13得票数 0
回答已采纳
我一直在实验流行运动纯，因为动画将不得不使用“参考”，我正在使用它。
这里，为什么ref(number)的值是空的。
import React from 'react'
import {
styler,
tween,
merge,
action,
easing
} from "popmotion";
class Demo extends React.Component {
constructor(props) {
super(props)
this.count = React.createRef();
}
co
浏览 2提问于2019-05-15得票数 2
回答已采纳
在运行ng update @angular/cli时，当我试图通过Angular 5项目升级到Angular 6时，我一直收到这个错误
Error: Cannot read property '1' of null
Cannot read property '1' of null
我完全遵循，但不确定为什么会发生这种情况。有没有人见过这个？
浏览 1提问于2018-05-11得票数 2
我的代码中一直有这个错误。
Uncaught TypeError: Cannot set property 'innerHTML' of undefined --我读过一些类似错误的文章-- Uncaught TypeError: Cannot set property 'innerHTML' of undefined of null，我尝试了一些建议的方法，但是似乎没有什么改变。
它似乎指向了这一行document.getElementsByClassName("demo")[i].innerHTML = xhttp.responseText;
浏览 0提问于2015-11-11得票数 0
回答已采纳
1回答
你好，我正在尝试实现mathjax离线，我在github 上提到了这一点，有人能帮我解释一下为什么这不起作用吗？我已经尝试了我可以从网上获得的每一个样本，目前在其他应用程序中，当我添加
<html><head><script type=\"text/javascript\" src=\"http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML\"></script><link href=\"main.
浏览 0提问于2014-09-18得票数 0
我的javascript获取日期和时间并将其放在div中，如下所示：
function print(message){
var div1= document.getElementById("date-and-time");
div1.innerHTML= message ;
}
function addZero(i) {
if (i < 10) {i = "0" + i;}
return i;
}
function todaysDate (){
var today= new Date();
var day= today.getD
浏览 0提问于2018-01-02得票数 0
我是javascript的初学者，正在努力学习。这里我有一个简单的输入，用户应该写一些东西，如果用户写了一些东西，它将打印出来，如果用户没有写任何东西，它应该说‘请写一些东西。’为此，我想使用not运算符(!)。你知道我为什么会得到这个错误吗：Uncaught TypeError: Cannot set property 'innerHTML' of null at myFunction at HTMLFormElement.onsubmit
下面是我的代码：
<!DOCTYPE html>
<html>
<body>
<
浏览 0提问于2020-07-27得票数 0
2回答
我想用JavaScript打开一个html文件，并将一些数据写入其中的一些元素中。我尝试了以下几点：
var info_window = window.open('info_print.html')
info_window.document.getElementById('new_info').innerHTML = data;
但是，当我有#new_info元素时，我得到了这个错误：
cannot set property 'innerHTML' of null
我该怎么办？我核对了评论的问题，但这不是我的问题。
浏览 0提问于2018-11-15得票数 1
回答已采纳
如何将用JQuery编写的代码转换为JS？
原始代码：
$('.abcClass').each(function () {
$(this).html($(this).text().replace(/([^\x00-\x80]|\w)/g, "<span class='mail'>$&</span>"));
});
我试过这样写：
document.querySelectorAll('.abcClass').forEach(function (comment) {
comment.in
浏览 1提问于2019-08-13得票数 2
回答已采纳
我一直收到错误<a class='gotoLine' href='#36:31'>36:31</a> Uncaught TypeError: Cannot set property 'fontFamily' of undefined
<!DOCTYPE html>
<html>
<body>
First Name: <input type="text" id="myText" value="Mickey">
<p>
浏览 0提问于2020-09-05得票数 0
我的问题是得到一个"TypeError:无法设置属性'innerText‘of null at updatePrice“错误。我想知道我的问题是否在于选择器的排列？如果是的话，是否有办法实现我正在努力实现的目标？
var currency = "CAD";
var coins = [document.querySelector("#btc"),
document.querySelector("#eth"),
document.querySelector("#eos")
浏览 1提问于2018-06-20得票数 0
回答已采纳
我正在使用React，我得到了以下错误：TypeError: Cannot set property 'innerHTML' of null。我确实看到了一些与此错误相关的问题，但我没有找到任何对我有帮助的问题。 //React
class Pagination extends Component {
pagincationScript = (totalPages, page) =>{
const ulTag = document.querySelector("ul");
let liTag = '';
i
浏览 20提问于2021-01-12得票数 0
回答已采纳
我在主窗口中有一个名为"test_iframe“的iframe。
我想在google chrome扩展中访问"test_iframe“的内容。
我正在尝试访问此iframe的内容，但收到以下错误-
Uncaught TypeError: Cannot read property 'contentWindow' of null
我使用的javascript代码如下所示-
var htmlvar = document.getElementById('test_iframe').contentWindow.document.body.innerHTML
浏览 0提问于2011-09-07得票数 2
我使用以下c#从服务器端更改内容：
this.StatusPreview.InnerHtml = "server side";
this.StatusPreview.Update();
我使用以下js来更改客户端的内容：
document.getElementById('StatusPreview').innerHTML = "client side";
如果我先执行js，就没有问题。但是，如果我先执行c#，然后执行js，则得到一个
Uncaught TypeError: Cannot set property 'innerHTML
浏览 7提问于2014-10-27得票数 0
回答已采纳
1回答
我有下面的代码，但是我不知道为什么我会得到错误。每个对象都填充了一个值，但是我在哪里得到一个未定义的值呢？
Cannot set property 'two' of undefined
interface FakeObj {
one: string | null;
two: string | null;
three: string | null;
}
const objectOne: FakeObj[] = [
{
one: null,
two: "Two",
three: null
}
];
const obje
浏览 3提问于2021-08-06得票数 0
回答已采纳
如何避免此错误？它可以工作，但我总是看到这个错误，下面是代码：
function Separe(price) {
nStr = Number(document.getElementById(price).value) * 100
nStr += '';
var rgx = /(\d+)(\d{3})/;
while (rgx.test(nStr)) {
nStr = nStr.replace(rgx, '$1' + ' ' + '$2');
}
return nStr
浏览 0提问于2013-04-25得票数 0
回答已采纳
我有以下课程：
Public Class HtmlGenericSelfClosingTag
Inherits HtmlGenericControl
Public Sub New()
MyBase.New()
End Sub
Public Sub New(tag As String)
MyBase.New(tag)
End Sub
Public Shadows Property TagName As String
Get
Return MyBase.TagName
浏览 1提问于2014-03-12得票数 0
回答已采纳
尝试设置一个HTML类的innerHTML，它是四个框，每个框一个接一个地设置3秒。当innerHTML设置为加载图标时，我可以设置不带setTimeout的innerHTML。当innerHTML被放入setTimeout中时，返回如下内容：'Uncaught : Cannot set property 'innerHTML‘of undefined’。
尝试调试我的代码，向控制台发送消息并搜索stackoverflow，但没有成功。
var x = document.getElementsByClassName("numberBox");
for (va
浏览 11提问于2019-08-30得票数 4
下面是我的javascript文件，我得到了错误“TypeError: innerHTML:无法设置属性'innerHTML‘of null”。我应该做些什么改变才能让它正常工作。提前谢谢。请帮帮忙。
var scanCode = function() {
window.plugins.barcodeScanner.scan(
function(result) {
alert("Scanned Code: " + result.text
+ ". Format: " + result.format
浏览 1提问于2014-06-23得票数 0
回答已采纳
我有一个jQuery计时器，它在中工作得很好。但是，我的wordpress站点上的相同代码在控制台:中给出了一个错误
'Uncaught TypeError: Cannot read property 'appendChild' of null'.
似乎搞不懂我为什么会犯这个错误？
var target_date = new Date('12/08/2014').getTime();
// variables for time units
var days, hours, minutes, seconds;
// get tag elemen
浏览 3提问于2014-07-30得票数 0
1回答
我正在使用那个滑块，我通常在Google控制台中得到这条错误消息。有办法解决吗？
这是
slider.js:10 Uncaught TypeError: Cannot set property 'checked' of null slider.js:10 Uncaught TypeError: Cannot set property 'checked' of undefinedslider @ slider.js:10 slider.js:10 Uncaught TypeError: Cannot set property 'checked'
浏览 1提问于2015-06-13得票数 0
回答已采纳
2回答
拜托，我需要帮助.这是我的密码
<h2 class="title" id="ti"><span class="subtitle" id="sub"></span></h2>
document.getElementById('ti').innerHTML = "hello";
document.getElementById('sub').innerHTML = "my word";
on id：ti工作正常，但是id：s
浏览 1提问于2013-10-09得票数 0
回答已采纳
当我尝试在chrome中运行这个程序时，我一直收到错误"Uncaught : Cannot set property 'innerHTML‘of null“。我现在不知道我做错了什么，任何帮助都将不胜感激。
<!DOCTYPE html>
<html>
<head>
</head>
<script>
var x = "hey";
var counter = 1;
var button = document.getElementById("button");
浏览 1提问于2013-12-20得票数 7
回答已采纳
我正在尝试创建格式化输入文本的能力，然而，应用程序崩溃了，我收到了两个错误。每当我尝试输入任何一个表单域时，我都会收到这个错误：Cannot read property 'innerText' of null，而当我点击format按钮时，我得到了这个错误Cannot read property 'innerHTML' of null。我使用的是React.js。
GitHub：
如何解决这些错误？
谢谢!
class CreatePost extends React.Component {
constructor(props) {
super(pr
浏览 0提问于2020-11-09得票数 0
当我登录到我的谷歌分析，我得到了页面顶部的加载东西，它不会消失。此外，侧边栏tr#ID-navPanelContainer不显示任何内容(保持空白)。
页面的其余部分工作正常。
这只会在Google Chrome中发生。
有没有人有这方面的经验？有什么办法可以解决这个问题吗？
我需要侧栏来获得功能，如交通流量和事件
编辑:这是我看到的一些截图。在登录时
然后如果我点击All Accounts
然后如果我点击我的帐户：
EDIT2：
我在开发人员工具中得到这个错误：
/analytics/web/#home/a29378725w55476325p56482285/:1GET h
浏览 5提问于2012-04-17得票数 1
回答已采纳
1回答
正如你们中的一些人可能已经发现的那样，Highcharts并不真正做错误报告。到目前为止，我了解到错误Uncaught TypeError: Cannot set property 'innerHTML' of null通常意味着您忽略了在图表配置中添加renderTo元素。现在我需要找出这个错误：
Uncaught TypeError: Cannot read property 'length' of undefined
我动态地生成我的配置对象，但它看起来是这样的( JSON格式)：
{
"chart": {
"
浏览 0提问于2011-12-10得票数 1
回答已采纳
如果我必须在Chrome扩展中的一个新选项卡的页面元素上插入一些值，该怎么办？
我正在使用：
document.getElementsByClassName("quotes").innerHTML = Quotes[x];
在newtab-script.js页面中，但是它在控制台中显示了此错误：
Uncaught TypeError: Cannot set property 'innerHTML' of null
我的页面包含一个名为div的类，名为quotes，但当我发出警告时：
document.getElementsByClassName("quo
浏览 4提问于2016-11-04得票数 1
我试图使用InnerHtml属性在单独的标签中显示选定的文件名，但是在更改时(上传文件时)没有显示任何内容，并且我收到错误消息"ERROR TypeError: Cannot set property 'innerHTML‘of null“。 我的HTML (输入和对应的标签) <button class="image-upload-button" mat-stroked-button (click)="fileUploader.click()" color="primary">Upload Image</bu
浏览 22提问于2021-08-20得票数 0
回答已采纳
2回答
我试图在每个跨度内创建跨度，并将拆分字符串作为字符附加。所以，根据下面的信息，就像<span>t</span><span>h</span>之类的.
由于某些原因，当我附加到文档体时，我会得到这个错误。为什么？
Uncaught TypeError: Cannot read property 'appendChild' of null
<!doctype html>
<html>
<head>
<script type="text/javascript">
浏览 0提问于2015-02-26得票数 0
回答已采纳
我想说“早上好，用户”(早上可以改为下午或晚上)我的代码不起作用。如果能提供任何帮助，我将不胜感激。
index.html片段
<h1 class="mx-3 text-center display-3">Good <span id="time"></span>, Username</h1>
master.js
var today = new Date()
var curHr = today.getHours()
var time = null;
if (curHr < 12) {
var time
浏览 3提问于2017-12-17得票数 2
回答已采纳
1回答
我想在一个特定的条件下从函数中得到两个值(在"As_cm“值上)，并对这些值执行一些操作。我不能这么做。
function steelSection() {
if (As_cm <= 29.2) {
return [D = 152.4, B = 152.2];
} else if (As_cm <= 38.3) {
return {D = 157.6, B = 152.9];
} else {
return [D = 1000, B = 2000];
}
}
var d = D / 2;
var b
浏览 2提问于2019-07-02得票数 0
我曾尝试用JS编写一些代码，但当我将鼠标悬停在JS上时，看到错误消息"Cannot set property 'innerHTML‘of null at ahint“。我读到过这样的错误，因为Chrome甚至在创建Div之前就编译/呈现了JS代码。因此，我把它放在底部来检查它。不幸的是，把它放在底部并没有解决我的问题。也许更有经验的人会理解它。 var hint = "Hello";
function ahint()
{
document.getElementById('#randomhint').innerHTML = hint
浏览 12提问于2019-02-06得票数 1
回答已采纳
我试图用div来设置超文本标记语言的属性，但它抛出了一个错误："cannot set property 'innerHTML‘of null。
在JavaScript中，
function find_person() {
...
var title =
"<div class=\"w3-container\">" +
"<h3>Find a person</h3>";
"</div>";
document.get
浏览 26提问于2017-12-04得票数 1
因为我们的Javascript代码运行得很好。现在我们正面临着这个问题
Uncaught TypeError: Cannot set property 'innerHTML' of null
at tick (run_current_time.js:39)
我们的web应用程序中的脚本问题。
document.getElementById('time_ticker').innerHTML = transformMiliseconds(newd-d);
默认情况下，表单将在第一个选项卡中加载。实际上，问题是我们无法切换到其他选项卡。当我们单击other选
浏览 0提问于2018-02-27得票数 0
我有这样的代码：
window.onload = function(){
var player=0;
for(var i="0";i<"9";i++)
document.getElementById(i).addEventListener("click",function(){oxfunc(document.getElementById(i))});
function oxfunc(s){
s.innerHTML="!";
}
元素的ID编号为0到8。我想知道单击了哪个元素。上面的代码出现了一个错误
浏览 3提问于2016-12-21得票数 1
回答已采纳
我知道有很多关于这方面的话题，但都没有回答我的问题。我必须在window中按字典顺序打印最小和最大属性。但是我得到了错误Cannot set property of innerHTML of null at solve。下面是我的html：
<!DOCTYPE html>
<html lang="en">
<head>
<title>Loops Homework</title>
<meta charset="UTF-8">
</head>
<bod
浏览 0提问于2017-01-07得票数 1
我正在使用javaScript和JSON的实时搜索栏工作，我得到了这个错误，但我不能解决它： Uncaught (in promise) TypeError: Cannot set property 'innerHTML' of null
at outputHtml (main.js:35)
at searchStates (main.js:19) 我不知道为什么。有什么帮助吗？代码： const matchList = document.getElementById("matchList");
//search and filter dat
浏览 17提问于2020-06-30得票数 1
回答已采纳
这一行代码：
document.getElementById("you").innerHTML="hello world";
在javascript控制台中给出以下错误消息：
Uncaught TypeError: Cannot set property of 'innerHTML' of null.
谁能解释一下原因吗？因为它显然不是空的。
编辑这里是我剩下的代码：
<!DOCTYPE html>
<html>
<head>
<title></title>
<!--<sc
浏览 5提问于2014-02-13得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
云直播活动推荐
腾讯云开发者
