add style javascript
// Bad:
element.setAttribute("style", "background-color: red;");
// Good:
element.style.backgroundColor = "red";
add style javascript
// Bad:
element.setAttribute("style", "background-color: red;");
// Good:
element.style.backgroundColor = "red";
add css in javascript
document.getElementById("demo").style.display = "none";
adding styling to element using javascript
var elem = document.querySelector('#some-element');
// Set color to purple
elem.style.color = 'purple';
// Set the background color to a light gray
elem.style.backgroundColor = '#e5e5e5';
// Set the height to 150px
elem.style.height = '150px';
js add css style to element
// Create our stylesheet
var style = document.createElement('style');
style.innerHTML =
'.some-element {' +
'color: purple;' +
'background-color: #e5e5e5;' +
'height: 150px;' +
'}';
// Get the first script tag
var ref = document.querySelector('script');
// Insert our new styles before the first script tag
ref.parentNode.insertBefore(style, ref);
how to give css style in javascript
document.getElementById("myH1").style.color = "red";
how to change an element in a different elements code css
/*If the cube is directly inside the container:*/
#container:hover > #cube { background-color: yellow; }
/*If cube is next to (after containers closing tag) the container:*/
#container:hover + #cube { background-color: yellow; }
/*If the cube is somewhere inside the container:*/
#container:hover #cube { background-color: yellow; }
/*If the cube is a sibling of the container:*/
#container:hover ~ #cube { background-color: yellow; }
Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us