javascript - 如何创建一个新的 html 元素？

Question

我尝试创建一个名为 test 的新 HTML 元素：<test>some text</test>

我试图像这样对其进行原型设计：HTMLUnknownElement.prototype.style.backgroundColor = "red";但它不起作用。

你能帮我吗，如何管理它？

提前致谢，

score 9 · Accepted Answer

var el = document.createElement("test");
el.style.backgroundColor = "red";
document.body.appendChild(el);

编辑

如果我们开始：

<html>
  <head></head>
  <body>
  </body>
</html>

结果将是：

<html>
  <head></head>
  <body>
    <test style="background-color:red"></test>
  </body>
</html>

score 5 · Accepted Answer

真的没有理由这样做。

当你想创建一个红色背景的元素时，你应该使用一个现有的元素并为其分配一个具有红色背景的 CSS 类（如<span class="test">）。