解决方法
HTML5Rocks.com上有一篇有趣且深入的文章介绍了如何使用自定义元素:
Custom Elements: Defining New Elements in HTML
以下是关于如何做到的文章的摘录。
实例化元素
创建元素的常用技术仍适用于自定义元素。与任何标准元素一样,它们可以用HTML声明,也可以使用JavaScript在DOM中创建。
实例化自定义标签
声明他们:
<x-foo></x-foo>
在JS中创建DOM:
var xFoo = document.createElement('x-foo'); xFoo.addEventListener('click',function(e) { alert('Thanks!'); });
使用new运算符:
var xFoo = new XFoo(); document.body.appendChild(xFoo);