Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Sample DOM Page</title> <style> #container { border: 2px solid black; padding: 20px; margin-top: 20px; } h1 { color: navy; } p { font-size: 16px; } </style> </head> <body> <div id="container"> <h1>Welcome to Our Website</h1> <p>This is a sample paragraph to demonstrate the DOM in action.</p> </div> <script> document.addEventListener('DOMContentLoaded', function() { const heading = document.querySelector('h1'); heading.style.backgroundColor = 'yellow'; }); </script> </body> </html>