The Document Object Model (DOM) provides a representation for web pages as structured documents with a tree-like format. Each node in the tree is tied to properties, methods, and event handlers. The web page is itself referred to as the
document object and can be accessed from the
window object using
window.document. The HTML elements on the page become element nodes such as a
head element or
body element. These nodes, in turn, can have children nodes such as
input, and so on. Some nodes may be text nodes while some may also be comment nodes.