HTML DOM – Document Object Model – जब कोई HTML Document Web Browser में Load होता है, तो Render होने से पहले उस HTML Document के सभी Elements की एक Tree बनती है, जो Web Browser की Memory में तब तक Stored रहती है, जब तक HTML Document, Web Browser में Loaded रहता है।
HTML Document के विभिन्न Elements की Tree रूपी Memory Organization को HTML DOM कहा जाता है तथा HTML Document के सभी Elements, HTML DOM का Part बनने के बाद Object कहलाते हैं।
किसी HTML Document के सभी Elements आपस में एक दूसरे से Related व Connected होते हैं, इसलिए इन Elements को हम एक Hierarchy के रूप में Represent कर सकते हैं। इस Hierarchy को हम एक Family Tree या Family Hierarchy के रूप में भी समझ सकते हैं। उदाहरण के लिए निम्न HTML Document को देखिएः
<!DOCTYPE html> <html> <body> <div class="div1"> <h1>Heading 1</h1> <table> <tr><td>Cell 1</td><td>Cell 2</td></tr> <tr><td>Cell 3</td><td>Cell 4</td></tr> </table> <p>This is a paragraph in div1.</p> </div> <div class="div2"> <h1>Heading 2</h1> <p> This is a paragraph in div2</p> <ol>An ordered list