以编程方式决定在javascript中修改哪个样式属性

时间:2014-03-19 15:48:35

标签: javascript styles self-modifying

我的情况是,根据变量值,我想修改一个div的margin-top OR margin-bottom属性。

除了使用“if else”之外,还有什么方法可以这样做:

var whichmargin="marginTop";
document.getElementById('myElement').style.whichmargin = '100px';

如果你明白我的意思大声笑?

顺便说一下,我使用的是vanilla JS而不是jQuery。

我不想使用SetAttribute,因为我不想改变任何其他div风格。

任何想法都非常感激:

1 个答案:

答案 0 :(得分:4)

使用[]语法:

var value = 'somethingelse';
var whichmargin = value === 'something' ? "marginTop" : "marginBottom";
document.getElementById('myElement').style[whichmargin] = '100px';