DHTML stands for dynamic HTML. It uses combination of HTML, CSS and JavaScript. It makes a webpage dynamic and be used to create animations, games and applications.

How it works? Browsers supply special JavaScript API, where HTML elements considers as objects thats have properties, methods and events.

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:

  • document
  • location
  • history
  • navigator
  • screen
  • frames

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.