传递对象属性

Question

在我的小 JS 框架上工作。试图创建一个切换方法。这是代码：

function $elect(id) {
    if (!(this instanceof $elect)) {
        return new $elect(id);
    }
    this.elm = document.getElementById(id);
}

$elect.prototype = {
    toggle:     function (prop, val1, val2) {
                    if (this.elm.style.prop != val2) {
                        this.elm.style.prop = val2;
                    } else {
                        this.elm.style.prop = val1;
                    }
                }
}

window.$elect = $elect;

并使用$elect(id).toggle('background', 'red', 'blue') 调用它。但这当然行不通。我正在尝试找到一种方法来嗯...我怎么说呢？我想将'background' 传递给this.elm.style.prop，这样我也可以使用其他css 属性。如何将this.elm.style.prop 中的prop 替换为我传递的参数？

Answer 1

你可以引用对象中的键

object[key]

其中 key 是一个字符串。

所以在你的情况下，它会是

this.elm.style[prop]

http://jsfiddle.net/ZJWdA/
这是一个例子。