Document.registerElement()

已弃用: 不再推荐使用该特性。虽然一些浏览器仍然支持它，但也许已从相关的 web 标准中移除，也许正准备移除或出于兼容性而保留。请尽量不要使用该特性，并更新现有的代码；参见本页面底部的兼容性表格以指导你作出决定。请注意，该特性随时可能无法正常工作。

警告： 不建议使用document.registerElement（）,请使用customElements.define()。

Document.registerElement() 在浏览器注册一个新的 自定义元素 ，返回一个该元素的构造函数。

备注： 这是一项正在试验的技术。你可以在支持 Web Components 的浏览器中使用。参考 在火狐浏览器启用 Web Components 。

语法

var constructor = document.registerElement(tag-name, options);

参数

tag-name

自定义标签的名字。必须含有一个连字符（-），例如 my-tag。

options 可选

这个参数是一个用于添加描述自定义元素原型属性和扩展的对象，以扩展现有标签。这个参数是可选的。

示例

这里有几个简单的例子：

var Mytag = document.registerElement('my-tag');

我们把新标签注册到浏览器。 Mytag 变量拥有一个构造函数，你可以像如下所示一样使用它创造一个新的 my-tag 元素。

document.body.appendChild(new Mytag());

这样我们就插入了一个空的 my-tag 元素，你可以通过浏览器提供的开发者工具来找到它。如果你使用浏览器来查看源代码它是不可见的。由于现在元素并没有内容，所以我们在页面中是看不到它的。我们可以给它添加一些内容，以便在页面中看到。下面是一种往新标签里面添加内容的方式。

var mytag = document.getElementsByTagName("my-tag")[0];
mytag.textContent = "I am a my-tag element.";

浏览器兼容性

BCD tables only load in the browser

另请参阅