如何在陰影根已經連接

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-碼元進行初始化時執行。
這是您的自定義元素的一種構造函數。

希望它有幫助。