how to change element color in javascript code example
Example 1: how to change the color using js
<!DOCTYPE html>
<html>
<head>
<script>
function display()
{
var col=document.getElementById("demo");
col.style.color="#FF0000";
}
</script>
</head>
<body>
<h1>My First JavaScript</h1>
<p id="demo">click on the button below.....</p>
<button onclick="display()">Display</button>
</body>
</html>
Example 2: how to change css using javascript
document.getElementById("myText").className = "anyNewClass"
Example 3: javascript change color
var span = document.getElementsByTagName("span")[0];
span.style.color = "red";
Example 4: 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; }