如何從自定義元素繼承

Question

是否可以繼承自定義元素。

我添加了一個帶有模板和陰影dom的x-foo自定義元素的基本示例。是否可以創建一個名爲「x-superfoo」的新自定義元素，它繼承了「x-superfoo」的功能和樣式（並覆蓋了某些樣式，例如藍色）？

http://jsbin.com/hodoxo/1/edit

Answer 1

當然！只需使用標準的JS原型繼承。

var XSuperFooProto = Object.create(XFooProto); 

XSuperFooProto.createdCallback = function() { 
    XFooProto.createdCallback.call(this); 

    // Set up another shadow root... 
}; 

document.registerElement('x-superfoo', {prototype: XSuperFooProto}); 

http://jsbin.com/hiwatidulivi/1/edit?html,js,output