.style in javascript code example
Example 1: javascript style an element
var myElement = document.querySelector("#myElement");
myElement.style.color = "blue";
myElement.style.backgroundColor = "red";
Example 2: js style
const title = document.querySelector('h1')
console.log(title.style);
console.log(title.style.color);
title.style.margin = '50px';
title.style.color='crimson';
title.style.fontSize = '60px';
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";