How to dynamically assigning style properties to element?
- by poo
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.
