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

You can try with this

nFilter.style.cssText = 'width:330px;float:left;';

That should do it for you.

Answer 2

you should make a css class .my_style then use .addClass('.mystyle')

Answer 3

Do it with css now that you've created the class. .well { width:330px; float:left; }

Answer 4

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

document.body.insertAdjacentHTML('afterbegin','<div id="div"></div>');

/**
 * 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);

Answer 5

Use cssText

nFilter.style.cssText +=';width:330px;float:left;';