javascript - 用javascript写html

Question

可能重复：
javascript - document.write 错误？

我想将html写入javascript。我确信这个问题已经被问过很多次了，我知道它很简单，但我无法弄清楚。

我试过这个：

  <script>
  document.write("<h1>This is a heading</h1>");
  document.write("<p>This is a paragraph</p>");
  </script>

但它删除了所有其他 html。

我知道这是菜鸟问题，我对 javascript 非常缺乏经验......

Answer 1

document.body.innerHTML += '<h1>This is a heading</h1>';
document.body.innerHTML += '<p>This is a paragraph</p>';

Answer 2

假设我的页面上有一个 div，我想向其中添加内容：

<div id="myDiv"><div>

我可以使用 javascript 来做到这一点：

<script>
var div = document.getElementById("myDiv");
var myHtmlString = "<h1>This is a heading</h1>";
myHtmlString += "<p>This is a paragraph</p>"
div.innerHTML = myHtmlString;
</script>