HTML Compiler Online
Javascript Online Compiler
index.html
Change Theme
Compress code
Format code
Download Code
Clear Code
Copy Code!
Run
ctrl+s or click
Output
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Article - get element by id querySelector</title> </head> <body> <h1>Selecting element by id using querySelector.</h1> <div class="box"> <h3>Heading inside the 1st box.</h3> <p>This is a paragraph inside the <b>1st box</b>.</p> </div> <div class="box"> <h3>Heading inside the 2nd box.</h3> <p>This is a paragraph inside the <b>2nd box</b>.</p> </div> <script> // selecting element by class let element = document.querySelector(".box"); element.style.background = "lightgreen"; </script> </body> </html>
Run
x
x
