如何创建自定义HTML元素

Question

我正在做这个教程here

我只是复制并粘贴下面的代码。

var XFoo = document.register('x-foo');
document.body.appendChild(new XFoo());

我立刻得到一个错误说：

Uncaught TypeError: Object #<HTMLDocument> has no method 'register' 

我不知道为什么我做错了。我使用的是Chrome浏览器。

Answer 1

我在Chrome中实现了自定义元素，因此我可以提供帮助。

从Chrome 33开始，document.register已重命名为document.registerElement。

对于Chrome 32，如果未启用“实验性网络平台功能”标记，则最有可能出现该错误的原因。将chrome：//标志剪切并粘贴到Omnibox中，然后按Enter键进行检查。更改标志后，您必须重新启动浏览器才能使更改生效。

HTH！

Answer 2

仅知道 firefox 和 chrome 支持它。如果您在 IE ， Safari 或 Opera 中进行尝试，那么您运气不佳。