个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
我刚刚开始学习 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
我是一名优秀的程序员,十分优秀！