Javascript 使用变量引用样式特性

在我正在处理的项目中，我必须使用变量访问元素的style属性。 例如：通常，要更改元素的背景色，我们会编写：

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

但是，如果我声明了一个包含“backgroundColor”的变量，然后我想通过引用这个变量中的值来更改backgroundColor的属性，那么该怎么做呢。 我试过这些：

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

---

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

使用

[]

符号，例如

element.style[property] = 'blue';

---

请参见

您可以执行以下操作：

var property = "backgroundColor" ;

element.style[property] = "blue" ;

---

这将允许您访问

后台

属性

这是因为它的触发错误

Uncaught SyntaxError: Unexpected string 

document.getElementById（“元素”）.style

-->

style对象[Object CSSStyleDeclaration]

而

backgroundImage

是

style对象的属性

要访问样式对象的属性，可以使用
[]

var property = "backgroundColor";
element.style[property] = 'blue'; // will set property of element.

有没有一种方法不仅可以使用style对象，还可以使用它的值来获取var？
类似于下面的代码。我知道这个代码不起作用，我写它只是为了更好地解释我的要求

var property = "backgroundColor = "blue" ";
element.style[property];

你好谢谢如果它不是样式属性和普通的html属性（如innerhtml），该怎么办。我可以这样访问吗，element.[property]=“something”@SameekshaKumari属性不是属性，但是是的，
innerHTML
是一个属性，因此您可以拥有
element['innerHTML']=“something'
。字符串
'innerHTML'
可以存储在另一个变量中，例如
var p='innerHTML'；元素[p]=“值”
您能在评论中提出您的问题或创建新问题吗？