将属性保存到变量并将 append 保存到 DOM 元素

Question

The code bellow does not work, obviously objects can't be saved to variables in that manner!

function styleElement(aNode){
    var cssProperty; var cssValue;
    for(var c=0; c<2; c++){     
        cssProperty = c ? backgroundColor : color;
        cssValue = c ? 'blue' : '#fff';
        aNode.style.cssProperty = cssValue;
    }

Would somebody show me the right way? 10x and BR, Stephan

Answer 1

You need to use bracket notation and strings:

function styleElement(aNode){
    var cssProperty; var cssValue;
    for(var c=0; c<2; c++){     
        cssProperty = c ? "backgroundColor" : "color";
        cssValue = c ? 'blue' : '#fff';
        aNode.style[cssProperty] = cssValue;
    }
}