Format Code
Run Code
<!DOCTYPE html> <html> <head> <title>Let's Coding Example</title> </head> <body> <div id="html-div"> </div> <script> // Selecting elements by tag name const headings = document.getElementsByTagName('h1'); // Returns an HTMLCollection // Selecting elements by class name const elementsWithClass = document.getElementsByClassName('my-class'); // Returns an HTMLCollection // Selecting an element by ID const uniqueElement = document.getElementById('unique-id'); // Returns an Element // Using querySelector to select elements by ID, class, and more const elementById = document.querySelector('#my-id'); // Selects element with ID 'my-id' const elementsByClass = document.querySelectorAll('.my-class'); // Selects all elements with class 'my-class' const firstParagraph = document.querySelector('p'); // Selects the first paragraph element </script> </body> </html>
console output