The Document Object Model (DOM) is a standardized programming API for HTML and XML documents. It defines the logical structure of documents and the way a document is accessed and manipulated. There are libraries like jQuery that make working with the DOM easier.
The Browser Object Model (BOM) is a browser-specific convention referring to all the objects exposed by the web browser. In other words, BOM is not standardized by ECMAScript. The important BOM objects are as:
The Document element which is root of DOM elements are part of BOM in object hierarchy. The Document object represents the Web page displayed in the browser.