Javascript 如何在html中创建新的容器标记

Javascript 如何在html中创建新的容器标记,javascript,html,Javascript,Html,我读过关于这个主题的文章,但没有解决。类似于带有内容的页眉和页脚html标记的内容。好的,这不是标准的html自定义标记,但我想要如下内容: <html> <body> <content> This is a text </content> </body> </html> 和Javascript作为: var customTag = document.createElement('con

我读过关于这个主题的文章,但没有解决。类似于带有
内容的
页眉
页脚
html标记的内容。好的,这不是标准的html自定义标记,但我想要如下内容:

<html>
  <body>
    <content>
      This is a text
    </content>
  </body>
</html>
和Javascript作为:

var customTag = document.createElement('content');
var customTag = new customTag();
document.body.appendChild(customTag);           
但有些东西不起作用。我怎样才能解决这个问题?我忘了做更多的什么? 非常感谢。

过去是一个HTML标签(我想)…
以下是使用
的一种方法:

var cc=document.createElement(“customcontent”);
cc.innerText=“你好!我是一个自定义内容标签!”;
document.body.append(cc)
自定义内容{
背景色:红色;
显示:块;
填充:1em;

}
不确定为什么要创建自己的标记?有很多选择。为什么不在类中使用div呢?不确定是否需要这样做,脱离上下文,但背景颜色:红色;应为背景色:红色;这是打字错误。我已经发布了答案
过去是一个HTML标记(我想)。。。这里有一个输入错误:
背景色
=>
背景色
。据我所知,
var customTag=new customTag()
不用于创建标记-
文档。使用createElement
。@Marcello,感谢您选择我的答案!
var customTag = document.createElement('content');
var customTag = new customTag();
document.body.appendChild(customTag);