Javascript 如何扩展<;表格>;在Google Chrome中使用自定义元素v1?

Javascript 如何扩展<;表格>;在Google Chrome中使用自定义元素v1?,javascript,custom-element,Javascript,Custom Element,我尝试定义一个新的自定义元素,扩展了HTMLFormElement,如下所示: class PrintableFormElement extends HTMLFormElement { constructor() { super(); console.log("created: ", this); } print() { console.log(this.elements)); } } customElements.define("printable-form", P

我尝试定义一个新的自定义元素,扩展了HTMLFormElement,如下所示:

class PrintableFormElement extends HTMLFormElement {
  constructor() {
    super();
    console.log("created: ", this);
  }
  print() { console.log(this.elements)); }
}
customElements.define("printable-form", PrintableFormElement, { extends: "form" });
这样不行
没有
print()
方法(
define(…)
似乎失败),并且
新的PrintableFormElement
在Google Chrome 55中出现错误而失败

new PrintableFormElement
引发了以下错误:

Uncaught TypeError: Illegal constructor
    at PrintableFormElement (<anonymous>:3:5)
    at <anonymous>:1:1
未捕获类型错误:构造函数非法
在PrintableFormElement(:3:5)
时间:1:1
我不知道如何定义自定义元素,在当前的Google Chrome中使用自定义元素v1进行扩展


自定义元素v0运行良好,但我想使用它。

自定义内置元素“v1”尚未在Chrome中实现,您应该使用 填充物

有关更多详细信息,请参见SO的此问题: