Question

js语句getElementById修改style如何加入变量

document.getElementById("a").style.xxx="0px";其中的xxx是一个变量，要如何写这个语句，才能控制xxx的值，因为可能是left,right,top,bottom等，在线求js高手解答！

Answer 1

var styleName = 'left';
document.getElementById('a').style[styleName]='100px';

js中取对象的属性可以用点.或者中括号[]

比如上面的js还可以是

document.getElementById('a')['style'][styleName]='100px';

Answer 2

js中取对象的属性可以用点.或者中括号[]

var styleName = 'left';
document.getElementById('a').style[styleName]='100px';

   

js修改style的属性值使用变量

var height=100;
document.getElementById('a').style.height=height+'px';