Add inline style using Javascript

Question

I am attempting to add this code to a dynamically created div element

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

This code creates the dynamic div

var nFilter = document.createElement('div');

nFilter.className = 'well';

nFilter.innerHTML = '<label>' + sSearchStr + '</label>';

I want to add the style after <div class=”well” but I do not know how to do it. Can someone help me with this?

Answer 1

You can use:
 

nFilter.style.width = '330px';

nFilter.style.float = 'left';

This would add an inline style to the element.

Want to learn Full Stack Development? Check out the Full Stack Developer course from Intellipaat.