MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

Document.registerElement()

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

草案
本页尚未完工.

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元素,你可以通过浏览器提供的开发者工具来找到它。因为是JS添加的,所以它不会存在于页面的源代码中。由于现在元素并没有内容,所以我们在页面中是看不到它的。我们可以给它添加一些内容,以便在页面中看到。 下面是一种往新标签里面添加内容的方式。

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

规范

Specification Status Comment
Custom Elements Working Draft Initial definition

浏览器兼容性

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 未实现

另请参阅

  •  

文档标签和贡献者

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