如何"；创建；通过Javascript的HTML元素？

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

您可以像这样使用

createElement（）

：

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

如果将

elementtype

替换为元素类型（“div”、“p”等），则将创建任何元素

在这之后，您可以在要将新创建的元素附加到的任何元素上使用本机

.appendChild（）

或

.insertBefore（）

方法

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

它将位于该元素中最后一个元素之后的页面上

参考资料：

---

您可以像这样使用

createElement（）

：

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

如果将

elementtype

替换为元素类型（“div”、“p”等），则将创建任何元素

在这之后，您可以在要将新创建的元素附加到的任何元素上使用本机

.appendChild（）

或

.insertBefore（）

方法

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

它将位于该元素中最后一个元素之后的页面上

参考资料：

有关更多信息，请参阅和

---

有关更多信息，请参阅和

是否确实看不到页面右上角的搜索框？&&您确定在页面右上角看不到搜索框吗？&&var el=document.createElement（“elementtype”）；没有

prependChild（）

var el=document.createElement（“elementtype”）；没有所谓的

prependChild（）

只是一个注释：

innerHTML

受到广泛支持，但它还不是w3c标准，因为它是HTML5 DOM的一部分，一个工作草案（然而，它是whatwg的生活标准）。根据当前的w3c标准，它应该是

element.appendChild（document.createTextNode（'嘿，这是一个新段落！'））@Oriol这是我听过的最琐碎的事情之一
innerHTML
得到了广泛的支持，标准甚至不应该成为这样的因素。我同意
document.createTextNode
应该用于类似本例的内容，并且在大多数情况下（尽管您可以轻松地使用
textContent
/
innerText
），但引用W3C并不真正适用here@Ian我只是想如果asker不知道如何创建元素，他不知道
innerHTML
还不是标准。我认为，即使它得到广泛支持，每个使用非标准东西的人都应该知道它。请注意：
innerHTML
得到广泛支持，但它还不是w3c标准，因为它是HTML5DOM的一部分，一个工作草案（然而，它是whatwg的生活标准）。根据当前的w3c标准，它应该是
element.appendChild（document.createTextNode（'嘿，这是一个新段落！'））@Oriol这是我听过的最琐碎的事情之一
innerHTML
得到了广泛的支持，标准甚至不应该成为这样的因素。我同意
document.createTextNode
应该用于类似本例的内容，并且在大多数情况下（尽管您可以轻松地使用
textContent
/
innerText
），但引用W3C并不真正适用here@Ian我只是想如果asker不知道如何创建元素，他不知道
innerHTML
还不是标准。我认为，即使它得到了广泛的支持，每个使用非标准东西的人都应该意识到这一点。