Question

我这样做的方式对我来说还不起作用，因为每次我尝试将变量设置为元素时，它只会使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);

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

0 个答案: