Javascript &引用；“非法调用”；调用新创建的Web组件对象的成员时出错

当我尝试在Chrome中的以下代码段中运行

clear

函数时，我得到一个

uncaughttypeerror:invalical invocation

错误

我正在创建一个web组件，其中包含一些用于文本输入的函数。这是我的第一个方法，但我不断地得到那个错误，我不知道它可能是什么

var XEditProto = Object.create(HTMLInputElement.prototype);

XEditProto.clear = function() {
    this.value = '';
    return "Erased";
}

var Edit = document.registerElement('x-edit', {
    prototype: XEditProto,
    extends: 'input'
});
document.body.appendChild(new Edit());

---

工作正常

如何调用

.clear（）

函数？请再次检查代码是否有错误，我称之为XEditProto。clear（）

对象不支持属性或方法“registerElement”

这有帮助吗？更改

XEditProto.value=''到
此值=“”
并且不要
称之为XEditProto.clear（）
var x=document.body.appendChild（新编辑（））<代码>x.clear（）是！就这样！谢谢！我对Web组件、Web开发和一般的编码都很陌生，所以我真的很迷茫。再次感谢：）
var XEditProto = Object.create(HTMLInputElement.prototype);

XEditProto.clear = function() {
    this.value = '';
    return "Erased";
}

var Edit = document.registerElement('x-edit', {
    prototype: XEditProto,
    extends: 'input'
});
var x = document.body.appendChild(new Edit());

x.clear();