CODEWITHSUNDEEP
javascript
kidwon
kidwon

Reputation: 4514

Save property to variable and append it to DOM element

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

Upvotes: 1

Views: 335

Answers (1)

Andy E
Andy E

Reputation: 344537

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;
    }
}

Upvotes: 4

Related Questions