JavaScript 原型属性镜像另一个属性

Question

我们的 Intranet 上有一堆为 IE9 编码的表单，其中包含与此类似的代码：

var dept = req.responseXML.selectNodes("//Dept")[0].text;

我们刚刚将我们所有的 PC 升级到 IE10，而 selectNodes 现在已经过时并已被 querySelectorAll 取代，因此更正的代码如下：

var dept = req.responseXML.querySelectorAll("Dept")[0].textContent;

所有这些表单都使用一个共享的 JS 文件来发送请求，所以我想如果我可以定义一些原型函数/属性，我可以在不触及每个表单的情况下解决这个不兼容问题。我取得了一些进展，并且能够使用以下方法将 selectNodes 映射到 querySelectorAll：

Document.prototype.selectNodes = function(param) {
    return this.querySelectorAll(param.replace("//", ""));
}

但是，我现在遇到了将文本映射到 textContent 的问题。以下似乎不起作用：

Element.prototype.text = function() {
    return this.textContent;
};

如果有人有任何建议，我将不胜感激，我真的不想追踪所有这些表格。谢谢！

Answer 1

看起来你真的应该修复你的代码而不是破解 DOM 方法以避免修复你的代码。想象一下，随着时间的推移，这种情况会如何建立，并且您的代码越来越远离标准 DOM 编程，然后在某个时候，您甚至可能会与浏览器中发生的更改发生名称冲突。

如果你想破解代码让elem.text 返回elem.textContent，那么因为这些是属性引用，而不是函数调用，你需要使用这样的getter：

Object.defineProperty(HTMLElement.prototype, "text", {
    get: function() {
        return this.textContent || this.innerText;
    },
    set: function(txt) {
        if (this.textContent) {
            this.textContent = txt;
        } else {
            this.innerText = txt;
        }
    }
});