如何通过变量获取css属性?

时间:2016-10-13 02:11:42

标签: javascript css arrays json

我这样做的方式对我来说还不起作用,因为每次我尝试将变量设置为元素时,它只会使elem.style.property等于值。 var elem = document.getElementById('cssTest');是元素,elem.style.backgroundColor = value;是我设置的等价物。你会认为这个值只是适用,即使backgroundColor是另一个变量的值,但是不,它只是使整个事物的值相等。因此,如果value等于十六进制值,则会将elem.style.property设置为该值。 CSS不会更新以适应值,然后它就会失败。这将是我告诉你解决它的方式,但我不能让它自己工作。有人知道如何使用以下代码进行设置吗?

var elem = document.getElementById('cssTest');
var property = 'backgroundColor';
var value = '#ffffff';

elem.style.property = value;

那是行不通的。可能是因为property是一个字符串,但我不知道如何转换它。我是否只是摆脱了赋值的引号?我有一个函数通过一个JSON数组来首先找到属性,但我不知道如何将它作为一个对象出来。我将在下面放一个样本。请告诉我要解决的问题!

var cssProps = [
    {"prop":"background-color","jsprop":"backgroundColor"},
    {"prop":"margin-top","jsprop":"marginTop"},
    {"prop":"padding-bottom","jsprop":"paddingBottom"}
];
function parseCSS(property,array) {
    for (var i = 0;i < array.length;i++) {
        if(property == array[i].prop) {
            return array[i].jsprop;
        };
    }
}
var output = parseCSS('background-color',cssProps);
console.log(output);

0 个答案:

没有答案