DOM元素删除方法Polyfill开发异常求助：无法删除目标元素

咱们来拆解一下你代码里的几个关键错误，正是这些问题导致deleteElements()没法正常工作：

• 拼写错误：你写的object.defineProperty应该是Object.defineProperty——JavaScript里的内置构造函数首字母都是大写的，这个拼写错误会直接导致代码报错，根本完成不了方法的定义。
• 错误使用Getter/Setter：你把deleteElements定义成了一个Getter属性，而非可调用的方法。当你调用elem.deleteElements()时，实际是先获取这个Getter返回的值（你的代码里返回的是undefined），再尝试把它当作函数调用，这会直接抛出“is not a function”的错误。
• 对delete操作符的误解：delete elem只是删除了局部变量elem的引用，完全不会影响DOM树上的元素。要移除DOM元素，得用DOM API里的专门方法，不是删除变量这么简单。
• 多余的Setter：你的需求是删除元素，Setter部分完全没必要，反而徒增代码复杂度。

修复后的正确Polyfill实现 #

这里给你一个符合需求的deleteElements()方法实现，它会移除调用该方法的DOM元素本身：

// 先检查Element原型上是否已经有这个方法
if (!Element.prototype.deleteElements) {
  Object.defineProperty(Element.prototype, 'deleteElements', {
    value: function() {
      // 现代浏览器优先使用remove()方法
      if (this.remove) {
        this.remove();
      } else {
        // 兼容旧版IE等浏览器，通过父节点移除子元素
        if (this.parentNode) {
          this.parentNode.removeChild(this);
        }
      }
    },
    // 让方法不可枚举（符合原生方法的默认特性）
    enumerable: false,
    // 允许方法被重新赋值（可选，根据需求调整）
    writable: true
  });
}

// 调用测试
var elem = document.body.children[0];
elem.deleteElements(); // 现在这个元素会被从DOM中移除

代码说明 #

• 我们直接给Element.prototype添加了一个方法（通过value属性定义），而非Getter/Setter，这样就能正常通过elem.deleteElements()调用。
• 内部优先使用现代浏览器支持的this.remove()，同时兼容旧浏览器用parentNode.removeChild()的方式，保证兼容性。
• 添加了enumerable和writable配置，让方法的行为更贴近原生JS方法的特性（你可以根据自己的需求调整这些配置）。

内容的提问来源于stack exchange，提问作者Sviat Kuzhelev