javascript - 使用变量引用样式属性

Question

在我正在处理的元素中，我必须使用变量访问元素的样式属性。 例如:通常，要更改我们编写的元素的背景颜色:

var element = document.getElementById("element");
element.style.backgroundColor = "blue";

但是，如果我声明一个变量持有“backgroundColor”，然后我想通过引用这个变量中的值来改变背景颜色的属性，那怎么办呢。 我试过这些:

var property = "backgroundColor";
eval(element.style.property = "blue");

但是没有用。我不确定还有什么其他方法可以做到这一点。如果对此有任何解决方案，请回答。

Answer 1

使用[]表示法，例如

element.style[property] = 'blue';

参见 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Working_with_Objects#Objects_and_properties