如何使一个函数去追求一个元素

Question

在JavaScript,你会经常看到说document.getElementById("element").someFunction();或$("element").someFunction();代替的功能someFunction($("element"));.凡someFunction(element)看起来像下面的代码一点点.

someFunction(element) {
    //element.doSomething();
}

我的问题是你如何创建一个函数来操作它所附加的元素而不是操纵作为参数传递的元素？

Answer 1

你可以使用原型实现它

// `getElementById` returns a `Element` object so extend it's prototype
Element.prototype.someFunction = function(){
   // this.somethig
}

document.getElementById("element").someFunction();

Element.prototype.someFunction = function() {
  console.log(this.value)
}

document.getElementById("element").someFunction();

<input value="abc" id="element" />

注意:扩展本机对象的原型是非常糟糕的做法.