未捕获的TypeError：无法读取null的属性'appendChild'
我收到以下错误
未捕获的TypeError：无法读取null的属性’appendChild’
myRequest.onreadystatechange @ script.js：20
与我下面的代码
// index.html
<html>
<head>
<title>Simple Page</title>
</head>
<body>
<div id="mainContent">
<h1>This is an AJAX Example</h1>
</div>
<script type="text/javascript" src="script.js"></script>
</body>
</html>
这是我的JavaScript文件
// script.js
// 1. Create the request
var myRequest;
// feature check!
if(window.XMLHttpRequest) { // Firefox, Safari
myRequest = new XMLHttpRequest();
} else if (window.ActiveXObject){ // IE
myRequest = new ActiveXObject("Microsoft.XMLHTTP");
}
// 2. Create an event handler for our request to call back
myRequest.onreadystatechange = function() {
console.log("We were called!");
console.log(myRequest.readyState);
if(myRequest.readyState === 4){
var p = document.createElement("p");
var t = document.createTextNode(myRequest.responseText);
p.appendChild(t);
document.getElementById("mainContent").appendChild(p);
}
};
// 3. open and send it
myRequest.open("GET","simple.txt", true);
// any parameters?
myRequest.send(null);
这是内容 simple.txt
这是一个简单文本文件的内容。
我在这里按照@Tejs的建议将脚本标签放在html的底部，但仍然出现此错误。
问题答案：
执行回调时，页面上没有ID为“ mainContent”的元素。
在该行中：
document.getElementById("mainContent").appendChild(p);
该部分document.getElementById("mainContent")正在返回null
-
问题内容： 我正在尝试将Google MAP API v3与以下代码一起使用。 当我运行这段代码时，浏览器会这样说。 未捕获的TypeError：无法读取null的属性’offsetWidth’ 你有什么线索吗？ 问题答案： 此问题通常是由于在需要运行JavaScript的javascript运行之前未渲染map div引起的。 您应该将初始化代码放在onload函数中或HTML文件底部的标记之前
-
问题内容： 如果这个问题已经回答，我深表歉意。我尝试搜索解决方案，但找不到适合我的代码的任何解决方案。我还是jQuery新手。 对于两个不同的页面，我有两种不同类型的粘滞菜单。这是两者的代码。 我的问题是，底部粘性菜单的代码不起作用，因为第二行代码会引发错误，提示“未捕获的TypeError：无法读取未定义的属性’top’”。实际上，除非将第二行以下的其他jQuery代码放在第二行之上，否则根本不
-
问题内容： 我收到此错误，它源自jquery框架。当我尝试在文档准备好加载选择列表时，出现此错误。我似乎找不到我为什么收到此错误的信息。 它适用于change事件，但是尝试手动执行功能时出现错误。 未捕获的TypeError：无法读取未定义的属性’toLowerCase’-> jquery-2.1.1.js：7300 这是代码 问题答案： 当您调用DOMReady时，的上下文将不是元素。 您可以通
-
问题内容： 我有一些JavaScript代码会给出此错误 码 这个错误是什么意思？ 问题答案： 好像您的值之一，属性键为“值”是未定义的。在执行if语句之前测试，和是否已定义：
-
我刚开始使用D3，在我的演示脚本中出现了以下错误- firstd3.jsp:31未捕获的TypeError：无法读取未定义的属性“linear” 我的演示代码如下 是什么导致了这个错误？以及如何解决
-
我发现很多回答的问题与我的问题相似，但所有这些元素实际上都是“未定义的”。就我而言，它是存在的。 我的代码按预期工作。基本上，它将eventListener添加到作为锚的所有模式解除按钮中。关闭函数是找到最外层的modal div，并为其提供“hidden”类，该类将其显示设置为none。 它正确地关闭了模态，但在模态关闭后，该错误就会出现。 约会。js:61未捕获类型错误：无法读取未定义的属性“