Add inline style using Javascript

Question

I\'m attempting to add this code to a dynamically created div element

style = \"width:330px;float:left;\" 

The code in which creates the dy

Answer 1

If you don't want to add each css property line by line, you can do something like this:

document.body.insertAdjacentHTML('afterbegin','
');

/**
 * Add styles to DOM element
 * @element DOM element
 * @styles object with css styles
 */
function addStyles(element,styles){
  for(id in styles){
    element.style[id] = styles[id];
  }
}

// usage
var nFilter = document.getElementById('div');
var styles = {
  color: "red"
  ,width: "100px"
  ,height: "100px"
  ,display: "block"
  ,border: "1px solid blue"
}
addStyles(nFilter,styles);