如何扩展现有的自定义元素？

Question

我有一个自定义元素，叫做x-foo。我想要扩展它，并创建一个x-foo-extended元素，但是它不起作用。我得到了这个错误：

Uncaught NotSupportedError：在Document上执行'registerElement'失败：无法注册类型'x-foo-extended'。在'extends'中指定的标记名称是自定义元素名称。请改用继承。

    var xFooExtendedProto = Object.create(xFoo.prototype);

    xFooExtendedProto.someCustomFunc = function() {
        // ...
    };

    xFooExtended = document.registerElement('x-foo-extended', {
        prototype: xFooExtendedProto,
        extends: 'x-foo'
    });

- Iter Ator

Answer 1

根据规范，这是不允许的。 从规范中： “如果BASE不存在或是自定义元素的接口，则将ERROR设置为InvalidName并停止。” 来源：由Chrome中实现自定义元素的人员所描述https://lists.w3.org/Archives/Public/public-webapps/2014OctDec/0155.html。

- deepak