使用样式属性的对象设置element.style

Question

Is there a way to do something like that:

    var my_element= document.createElement("div");
    my_element.style={
      position:"absolute",
      background:"red",
      ...
    }

instead of:

my_element.style.position= "absolute";
my_element.style.background= "red";

Or

var my_properties={
      position:"absolute",
      background:"red",
      ...
}
for( var i in my_properties )
  my_element.style[i]= my_properties[i];

Answer 1

Do it using for...in

var my_element= document.createElement("div");
var elemStyle = my_element.style;
var my_properties={
      position:"absolute",
      background:"red",
      ...
}
for(var prop in my_properties) {
  elemStyle[prop] = my_properties[prop];
}

Or you can setAttribute for style.

var elemstyle = my_element.getAttribute("style");
my_element.setAttribute(
   "style", elemstyle+"font-size: 100px; font-style: italic; color:#ff0000;");