时间戳

首页 > 解决方案 > 如何在 html 中创建新的容器标签

javascript - 如何在 html 中创建新的容器标签

问题描述

我读过这个主题，但没有解决。类似于html 标记的header东西。好的，它不是标准的 html 自定义标签，但我想要类似的东西：footercontent

<html>
  <body>
    <content>
      This is a text
    </content>
  </body>
</html>

因此，我将 CSS 定义为：

content {
  backuground-color: red;
  display: block;
  padding: 1em;
}

和 Javascript 为：

var customTag = document.createElement('content');
var customTag = new customTag();
document.body.appendChild(customTag);

但有些东西行不通。我该如何解决问题？我忘记做什么更多？非常感谢。

标签： javascripthtml

解决方案

<content>曾经是一个HTML标签（我认为）......
这是一种方法<customcontent>，而不是：

var cc=document.createElement("customcontent");
cc.innerText="Hello!  I'm a custom content tag!";
document.body.append(cc);
customcontent {
  background-color: red;
  display: block;
  padding: 1em;
}

推荐阅读