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 lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Article - querySelector example 3</title> </head> <body> <h2>Select element by attribute using querySelector.</h2> <p title="1st item with title">querySelector selects and return only first element if selector matches.</p> <p title="2nd item with title">Paragraph with title.</p> <button onclick="getElement()">Get element with title attribute</button> <script> function getElement() { let element = document.querySelector("[title]"); element.style.background = "lightgreen"; } </script> </body> </html>
Run
x
x
