如何在阴影根已经连接

Question

有一个简单的自定义元素

document.registerElement('x-foo', { 
    prototype: HTMLElement.prototype; 
}); 

我可以创建一个HTML节点

<x-foo></x-foo> 

然后在JavaScript中选择创建自定义元素，并附加了一层阴影根。

var xFoo = document.querySelector('x-foo')[0]; 
var root = xFoo.createShadowRoot(); 
root.textContent = 'I am a shadow root'; 

然而，我想与预定义 阴影根目录中创建的对象，而无需任何JavaScript操作之后，因为它与 <input>和其他用户代理中定义的节点。

如何为我的元素定义构造函数或某些东西以实现此目的？

Answer 1

问题有点旧了，但是如果你还没有弄明白，就把这个答案放在这里。

有4种与自定义元素关联的生命周期回调方法。在html5rocks上从这个不错的tutorial复制。

因此，要回答你的问题，你可以把你的代码添加了一层阴影根里面createdCallback自定义元素，它会在每次你的X-码元进行初始化时执行。
这是您的自定义元素的一种构造函数。

希望它有帮助。