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

ページに 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>

Answer 2

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