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

时间:2012-12-19 17:22:11

标签: javascript html

我尝试创建一个名为test <test>some text</test>

的新HTML元素

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

你能帮助我,如何管理它?

提前致谢,

2 个答案:

答案 0 :(得分:9)

createElement()怎么样?

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>

答案 1 :(得分:5)

没有理由这样做。

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