1. JavaScript can change all the HTML elements in the page
HTML
<div> <div> <h1 class="head">Intial Heading</h1> <h1 class="head">Intial Heading</h1> <p id="para">Sample paragraph</p> <button id="Button">click to change</button> </div> </div>
CSS
.head{ color: red; font-size: 2vw; } #para{ color: blue; } #Button{ background-color: yellow; }
Javascript
let h=document.getElementsByClassName("head"); let p=document.getElementById("para"); let b=document.getElementById("Button"); b.addEventListener("click", function(){ for(let hd of h){ hd.innerHTML="Hello" } p.innerHTML="mayur"; })
Output