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";how to change style of an element using javascript
<html>
<body>
<p id="p2">Hello World!</p>
<script>
document.getElementById("p2").style.color = "blue";
</script>
<p>The paragraph above was changed by a script.</p>
</body>
</html>js style
const title = document.querySelector('h1')
//title.setAttribute('style', 'margin: 50px');
console.log(title.style); // Show all style propertyes
console.log(title.style.color); // Log a color in console
title.style.margin = '50px'; // Set a margin of title
title.style.color='crimson'; // Set a color of title
title.style.fontSize = '60px'; // Set font size of titlestyle through javascript
element.style.backgroundColor = "red"; // set the background color of an element to redhow 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
