DOM Chaining, Navigation, and Manipulation

The Document Object Model (DOM) is an interface for HTML documents. The DOM represents a web page in such a way that programs can change the document structure, style, and content. The DOM is the object-oriented representation of a web page.

There are two standards for the DOM: the World Wide Web Consortium (W3C) standard and the Web Hypertext Application Technology Working Group (WHATWG) standard. WHATWG was developed in response to the slow development of the W3C standard. Both standards define HTML elements as objects that can be accessed by JavaScript code, and properties, accessor methods, and events for all HTML elements. DOM object methods are actions you can perform on HTML elements and DOM object properties are values you can get or set. The DOM standard provides a way for JavaScript to add, get, change, or delete HTML elements programmatically.

Note

The W3C DOM standard and WHATWG DOM standard are implemented by most modern browsers (Chrome...