javascript - 如何动态调整自定义 CSS 属性？

Question

我正在为 HTML 文件创建一个 js。我想操作 div 的 css。

其中一种方法是使用这个:-

div.style.left = "30px";

但是，在我的代码中，用户告诉了如何操作 HTML。我想让它动态化。 我已经使用我想要更改的属性设置了一个变量，如下所示:-

let myProperty = "top", value = "30px";

现在，我想在 js 中使用它作为我的 CSS 修饰符:-

myDiv.style.myProperty = value;

我尝试了 setAttributes()，但它不起作用。我该怎么做？

Answer 1

您必须使用方括号来使用变量访问对象属性。

例如:

let myProperty = "top", value = "30px";
myDiv.style[myProperty] = value;