Add inline style using Javascript

javascript css innerhtml
Curtis Crewe picture Curtis Crewe · Feb 7, 2013 · Viewed 308.8k times · Source

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

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

The code in which creates the dynamic div is 

var nFilter = document.createElement('div');
nFilter.className = 'well';
nFilter.innerHTML = '<label>' + sSearchStr + '</label>';

My idea is to add the style after < div class="well" but i don't know how i'd do it.

Answer

Dharman picture Dharman · Feb 7, 2013 
nFilter.style.width = '330px';
nFilter.style.float = 'left';

This should add an inline style to the element.

Related questions

How do I add a class to a given element?

I have an element that already has a class: <div class="someclass"> <img ... id="image1" name="image1" /> </div> Now I want to create a JavaScript function that will add a class to the div (…

Read More
Retrieve the position (X,Y) of an HTML element relative to the browser window

I want to know how to get the X and Y position of HTML elements such as img and div in JavaScript relative to the browser window.

Read More
Set cookie and get cookie with JavaScript

I'm trying to set a cookie depending on which CSS file I choose in my HTML. I have a form with a list of options, and different CSS files as values. When I choose a file, it should be saved …

Read More