Question

我很好奇为什么元素被替换，而不是在div的末尾添加...？

<!DOCTYPE html>
  <html>
    <body>

    <h1>JavaScript in Body</h1>

    <div id="demo">
    <h1>A paragraph will appear below</h1>
    </div>

    <button type="button" onclick='document.getElementById("demo").innerHTML = "<p>My First JavaScript</p>"'>Insert a paragraph</button>


  </body>
</html>

Answer 1

innerHTML替换元素的内部内容，而不是使用.appendChild()

Answer 2

您可以将=替换为+=以附加innerHTML而不是替换它。

为什么要替换元素

2 个答案: