this.parentNode，我想只写this.p，或者使用document.g('someid')代替document.getElementById('someid')。当然，这只是简单的例子，我想知道正确的做法。
（我知道可以使用jQuery或Prototype，但我想学习JS中真正的方法）虽然在很多浏览器中，你可以在HTMLElement上进行原型开发，但Internet Explorer(6,7,8)不支持。据我所知，IE9支持此功能（尽管我没有测试）。
对于支持它的浏览器，你可以这样做：
HTMLElement.prototype.doHello = function(thing){
console.log(this + ' says: ' + thing)
}
document.body.doHello('hello')我强烈建议不要尝试这样做，原因如下：
HTMLElement原型并允许您增加它，也不能保证它将按预期工作。HTMLElement原型，您就会面临命名冲突和难以检测的错误。相反，我建议创建包装器对象来包装DOM节点，就像jQuery、YUI和其他库一样。
Kangax撰写了一篇有关DOM可扩展性的好文章，涵盖了所有这些点以及更多内容。
.data()时，jQuery会扩展DOM元素和其他元素。- https://github.com/jquery/jquery/blob/master/src/data/Data.js - JojOatXGMEdata()的特定情况下，jQuery确实在DOM元素上存储了一个“expando”属性（但不是方法）。我怀疑它可能还使用expandos来跟踪事件侦听器和可能的其他内容。然而，总体上的观点是：jQuery的API通过包装器对象提供扩展的DOM功能，而不是通过扩展DOM本身来实现。它对DOM的扩展仅在内部使用。 - Tim Down这篇来自perfectionkills.com的文章可能会让你了解它是如何完成的，以及为什么你不应该这样做。
(顺便说一句，jQuery不扩展DOM元素。它们使用DOM包装器。)
如果您想包装像document这样的全局对象，那么这可能不是您要寻找的内容，但是您可以使用自定义元素[1][2]来创建类似于HTMLElement的节点，从而获得类似的效果。
export class CustomElementInput extends HTMLElement {
log(){
alert("log")
}
// you can even overwrite methods like so
remove(){
alert("removing this node")
super.remove()
}
}
customElements.define("custom-element-input", CustomElementInput)
// somewhere else...
// in your HTML something like:
// <custom-element-input></custom-element-input>
const el = document.querySelector("custom-element-input")
el.log() // creates alert()
HTMLElement.prototype.…时，您无法像使用String.prototype.…一样使用this或self来定位元素 :( - iiic