TAG
CSS
JavaScript
Result
Run
License
<h1 class="title">Element.classList Property</h1> <button type="button" id="btn-changecolor">Change text color as Low priority</button> <button type="button" id="btn-changecolor2">Change text color as High priority</button>
/* Higi priority */ body > .title { padding-bottom: 10px; color: #0000FF; } /* Low priority */ .changecolor { color: #FF00FF; } /* First priority */ .changecolor2 { color: #FF00FF !important; }
window.addEventListener("load", function() { var elTitle = document.querySelector(".title"); document.getElementById("btn-changecolor").onclick = function() { elTitle.classList.add("changecolor"); }; document.getElementById("btn-changecolor2").onclick = function() { elTitle.classList.add("changecolor2"); }; });
Console
expand_less
License
License
by DevDic
Close