javascript - 尝试用一些代码扩展 HTMLInputElement 原型(prototype)

Question

基本上我想向输入原型(prototype)添加一些属性和方法，但它不允许我这样做，控制台打印错误，就像原型(prototype)属性是只读的一样。但我想向它添加一些属性和方法，以针对某些测试任务使用真实 DOM 练习原型(prototype)继承。有什么办法可以用原型(prototype)风格来做吗？以下是我正在努力实现它的方式

var input = document.getElementById("1");


function Input() {

}
Input.prototype.example = function() {
alert("Trying to extend DOM prototype");
};

HTMLInputElement.prototype = Object.create(Input.prototype);
alert(input);

Answer 1

你不能用另一个对象替换 HTMLInputElement.prototype，你只能像这样扩展它:

HTMLInputElement.prototype.example = () => {
  // Your code here
};

请注意，扩展原生原型(prototype)应该非常谨慎地进行，并且只有在您确实需要时才进行。