style dom code example
Example 1: adding styling to element using javascript
var elem = document.querySelector('#some-element');
elem.style.color = 'purple';
elem.style.backgroundColor = '#e5e5e5';
elem.style.height = '150px';
Example 2: javascript style an element
var myElement = document.querySelector("#myElement");
myElement.style.color = "blue";
myElement.style.backgroundColor = "red";
Example 3: javascript style
<element>.style.backgroundColor = '#000';
<element>.style.background = '#000';
<element>.style.color = '#fff';
<element>.style.boxSizing = 'border-box';
<element>.style.fontFamily = '\'Times New Roman\', Times, serif';
<element>.style.fontSize = '16px';
<element>.style.margin = 0;
<element>.style.padding = '20px';
<element>.style.width = '100%';
<element>.style.height = '100%';
<element>.style.marginLeft = 0;
<element>.style.fontWeight = 400;
Example 4: document style
document.getElementById("myH1").style.color = "red";
Example 5: style through javascript
element.style.backgroundColor = "red";