Question

我不明白为什么innerHtml在控制台中显示出良好的结果，但在html页面中没有显示任何内容：

＆＃13;

<!DOCTYPE html>
<html>

<head>
  <title>Page Title</title>
</head>

<body>
  <input type="button" value="test" onclick="testClick();"></input>
  <p id="score2"></p>
  <script>
    var score = 0;

    function testClick() {
      score++;
      document.getElementById("score2").innerHtml = score; //does not display anything
      console.log("inner : " + document.getElementById("score2").innerHtml); //works
    }
  </script>
</body>

</html>

＆＃13;

Answer 1

var score = 0;
function testClick(){
   score++;
   document.getElementById("score2").innerHTML = score;

}

<input type="button" value="test" onclick="testClick();"></input>
<p id="score2"></p>

以下是代码的更新代码段。你正在做一个语法错误“innerHTML”是正确的，而“innerHtml”是错误的

innerHtml在控制台中工作，但不在html页面中显示结果

1 个答案: