Please note, this is a STATIC archive of website developer.mozilla.org from 03 Nov 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

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,