如何在javascript中将变量固定到元素属性？

我试图在HTML中为对象的style属性设置一个值，但变量更改为新的设置值，而不是更改属性的值：

var x = document.getElementById('box').style.height;
x = 20 + "px";

当我尝试这样做时，x会变成一个字符串“20px”，而不是改变高度的值。 x=20；不太管用。

你应该这样做

document.getElementById('box').style.height = '20px';

或

var element = document.getElementById('box');
element.style.height = '20px';