如何创建一个新的HTML元素？

Question

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

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

你能帮帮我,怎么管理它？

提前致谢,

Answer 1

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>

Answer 2

没有理由这样做.

如果要创建具有红色背景的元素,则应使用现有元素并为其分配具有红色背景的CSS类(如<span class="test">).