How to dynamically assigning style properties to element?

Question

function styling(elem, props) {
            for (var i in props) {
                if (i == "color") {
                    elem.style.color = props[i].toString();
                }
                if (i == "background") {
                    elem.style.background = props[i].toString();
                }
            }

Using it:

   styling(links, { color: "blue", background: "yellow" });

I'm not really happy with the if-clauses and I want to dynamically add the style properties to the element, but I'm not sure how to do it. Someone out there would know how to do it?

Solved it

  function styling(elem, props) {
        for (var i in props) {
            elem.style[i] = props[i].toString();
        }
    }

That seems to do the trick.

Answer 1

Use jQuery, it'll solve all of your problems :) http://api.jquery.com/addClass/