Live DOM Tree Viewer
HTML Editor
Clear
Copy
Update
<!DOCTYPE html> <html> <head> <title>Sample Page</title> </head> <body> <header> <h1>Hello DOM</h1> <nav> <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> </ul> </nav> </header> <main> <section> <h2>Welcome</h2> <p>This is a sample DOM structure.</p> </section> </main> <footer> <p>© 2025 DOM Explorer</p> </footer> </body> </html>
DOM Tree View
Expand All
Collapse All
Live Preview
Inspect Mode