如何通过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