Question

我很少需要做任何Javascript，而且我似乎无法完成最简单的任务。我试图在两个div中替换一个字符串。第一个div被替换，第二个没有找到错误消息：

drawings.html：20未捕获的TypeError：无法设置null的“innerHTML”属性

然而，我尝试了将我的代码放在'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>

Answer 1

关闭您的divs元素。

＆＃13;

<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>

＆＃13;

尽管有onload函数，但替换内部HTML仍会失败

1 个答案: