Javascript 尽管有onload函数,但替换内部HTML失败

Javascript 尽管有onload函数,但替换内部HTML失败,javascript,html,Javascript,Html,我很少需要做任何Javascript,而且我似乎无法完成最简单的任务。我正在尝试替换两个div中的字符串。第一个div被替换,第二个div未找到,并显示错误消息: drawings.html:20未捕获类型错误:无法将属性“innerHTML”设置为null 然而,我尝试了通常的补救方法,将代码放入“onload”函数中,并将脚本放在body标记的末尾。还有什么可能出错 <!DOCTYPE html> <html> <head> </head>

我很少需要做任何Javascript,而且我似乎无法完成最简单的任务。我正在尝试替换两个div中的字符串。第一个div被替换,第二个div未找到,并显示错误消息:

drawings.html:20未捕获类型错误:无法将属性“innerHTML”设置为null

然而,我尝试了通常的补救方法,将代码放入“onload”函数中,并将脚本放在body标记的末尾。还有什么可能出错

<!DOCTYPE html>
<html>
<head>

</head>
<body>

<div id="cell1">test<div>
<div id="cell2">test<div>

<script>

window.onload = function() {
  replace();
}

function replace() {
  console.log("replace");
  document.getElementById("cell1").innerHTML = "cell1";
  document.getElementById("cell2").innerHTML = "cell2";
}

</script>

</body>
</html>

测试
测试
window.onload=函数(){
替换();
}
函数替换(){
控制台日志(“替换”);
document.getElementById(“cell1”).innerHTML=“cell1”;
document.getElementById(“cell2”).innerHTML=“cell2”;
}

只需关闭
div
元素


测试
测试
window.onload=函数(){
替换();
}
函数替换(){
控制台日志(“替换”);
document.getElementById(“cell1”).innerHTML=“cell1”;
document.getElementById(“cell2”).innerHTML=“cell2”;
}

只需关闭
div
元素


测试
测试
window.onload=函数(){
替换();
}
函数替换(){
控制台日志(“替换”);
document.getElementById(“cell 1”).innerHTML=“cell1”;
document.getElementById(“cell2”).innerHTML=“cell2”;
}

缺少结束div(
)。试试这个:我必须做一些琐碎的事情。谢谢!缺少结束div(
)。试试这个:我必须做一些琐碎的事情。谢谢!那东西一直有用。如果你不相信我,请连续多次点击运行代码片段。一点也不@John我点击了10次没用上一次一点也不@RayonDabre。如果你想和我分享,我可以展示一个viedo…我想这会很有趣。。为什么会失败?有什么猜测吗?在其他几台机器上进行测试..我在3台不同浏览器的机器上进行了测试,但我无法复制..这一直都是可行的。如果你不相信我,请连续多次点击运行代码片段。一点也不@John我点击了10次没用上一次一点也不@RayonDabre。如果你想和我分享,我可以展示一个viedo…我想这会很有趣。。为什么会失败?有什么猜测吗?在其他几台机器上进行测试..我在3台不同浏览器的机器上进行了测试,但我无法复制。。