如何“;创建“;HTML元素

How to "create" HTML elements via Javascript?

本文关键字：元素 HTML 创建 如何      更新时间：2023-09-26

也许有更好的方法来表达我的问题，说"通过Javascript动态创建DOM元素"，但我决定写一个简单的标题，以防后者出错。无论如何，有没有一种方法可以通过Javascript"生成"HTML元素？例如，我可以点击我网站上的一个按钮，就会出现一段文字？

您可以这样使用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
var element = document.createElement('p');
element.innerHTML = "Hey, this is a new paragraph!";
parentElement.appendChild(element);

有关更多信息，请参阅document.createElement和Node.appendChild

相关文章：