how to style with js code example
Example 1: javascript modify css
var el = document.getElementById("elementID");
el.style.css-property = "cssattribute";
el.style.backgroundColor = "blue";
$("#elementID").css("css-property", "css-attribute");
$("#elementID").css("background-color", "blue");
$("#elementID").css({"css-property": "css-attribute", "css-property": "css-attribute"});
$("#elementID").css({
"css-property": "css-attribute",
"css-property": "css-attribute"});
Example 2: javascript style an element
var myElement = document.querySelector("#myElement");
myElement.style.color = "blue";
myElement.style.backgroundColor = "red";
Example 3: 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 4: 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 5: change style js
const el = document.querySelector('.para')
el.style.color = 'purple'