javascript - Javascriptを介してHTML要素を「作成」する方法は?

Question

おそらく、「Javascript を介して DOM 要素を動的に作成する」というより良い質問の言い方があるかもしれませんが、後者が間違っている場合に備えて、簡単なタイトルを書くことにしました。とにかく、Javascript を介して HTML 要素を「生成」する方法はありますか? たとえば、自分のサイトでボタンをクリックすると、段落が表示されますか?

Answer 1

createElement()次のように使用できます。

var el = docment.createElement("elementtype");

elementtype要素のタイプ（「div」、「p」など）に置き換えると、これにより任意の要素が作成されます。

その後、この新しく作成された要素をアタッチする要素にネイティブ.appendChild()またはメソッドを使用できます。.insertBefore()

var attachTo = document.getElementById('appendToMe');
attachTo.appendChild(el);

そして、その要素内の最後の要素の後のページになります。

参考文献:

• https://developer.mozilla.org/en-US/docs/Web/API/document.createElement
• https://developer.mozilla.org/en-US/docs/Web/API/Node.appendChild
• https://developer.mozilla.org/en-US/docs/Web/API/Node.insertBefore

Answer 2

var element = document.createElement('p');
element.innerHTML = "Hey, this is a new paragraph!";
parentElement.appendChild(element);

詳細については、document.createElementおよびNode.appendChildを参照してください。