如何从自定义元素继承

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