We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

这篇翻译不完整。请帮忙从英语翻译这篇文章

警告:不建议使用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.";

浏览器兼容性

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Feature 谷歌浏览器 火狐浏览器 (Gecko) IE浏览器 Opera Safari
Basic support 35 31 (behind a flag) 未实现 25 未实现
Feature 安卓 火狐移动版 (Gecko) IE移动版 Opera移动版 Safari移动版
Basic support 4.4.4 31 (behind a flag) 未实现 25 未实现

[1] This API is implemented behind a preference.

另请参阅

文档标签和贡献者

此页面的贡献者: Pada, Lock, fsx950223, mochen
最后编辑者: Pada,