如何将JavaScript函数添加到没有jQuery的DOM对象？

Question

我如何执行以下操作,但仅适用于DOM对象,而不是所有对象:

Object.prototype.hide = function() {
  this.style.display = 'none';
};

请仅使用纯JavaScript,不使用jQuery或其他第三方库.

另外,请评论您的解决方案的标准和跨浏览器兼容性.

Answer 1

DOM中的元素HTMLElement用作原型 - 所以在理想的世界中你只需要添加它.

HTMLElement.prototype.hide = function() {
    this.style.display = 'none';
};

但是:这在IE中不起作用,所以不用担心.