gpt4 book ai didi

javascript - 未捕获的类型错误 : Cannot read property 'appendChild' of null after calling getElementById()

转载 作者:行者123 更新时间:2023-11-29 16:49:08 24 4
gpt4 key购买 nike

我刚刚开始学习 JavaScript(正确 :D),我很难处理上述错误。我用的浏览器是最新的Google Chrome在 Debian Jessie 64 位系统上。代码嵌入在 <script/> 中我页面的标签:

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head/>

<body bgcolor="white">
<p><u>Counter:</u></p>
<div id="counter"/>
<p><u>Temperature conversion:</u></p>
<div id="temperature"/>
<script type="text/javascript">
function printRange(_from, _to) {
// ...
}

function fahrenheitToCelsius(fahrenheits) {
return 5/9 * (fahrenheits - 32);
}

document.getElementById("counter").innerHTML = printRange(2,-10); // (1)

var fahrenheits = prompt("Enter Fahreheit degrees", 50);
var celsius = fahrenheitToCelsius(fahrenheits);
var para = document.createElement("p");
para.textContent = fahrenheits + "F = " + celsius + "oC";
document.getElementById("temperature").appendChild(para); // (2)
</script>
</body>
</html>

document.getElementById("counter") (标记为 1)工作正常,但上述错误发生在 document.getElementById("temperature") (标有2)即使两者都是<div/> s 基本上是一个接一个,都出现在 <script/> 之前标记这些被引用的地方。我知道错误来自 document.getElementById("temperature")返回 null但我完全不知道为什么脚本无法通过此函数调用找到给定的 ID。

最佳答案

只有一部分元素可以在没有结束标记的情况下使用。那是 /> 的隐含用例.该子集称为 "void elements" .

由于 div不是那些元素之一,你的<div/>标签简单地呈现为 <div>没有结束标签。第一个document.getElementById("counter").innerHTML = printRange(2,-10); // (1)调用 printRange 的结果立即删除页面的其余部分。

正确关闭你的元素。

<div id="counter"></div>

关于javascript - 未捕获的类型错误 : Cannot read property 'appendChild' of null after calling getElementById(),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37890517/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com