Projex Simple | JavaScript | Document Model Object

DOM

(Document Object Model) is a programming interface that lets

Click for More!

DOM functions in JavaScript

JavaScript access, change, and interact with the elements and content of an HTML webpage.

The DOM Tree

Document Node: The root gateway, Element Nodes: Standard HTML tags, Attribute Nodes: Inline properties and Text Nodes:

The JavaScript Document Object Model (DOM)

Overview

The DOM stand for Javascript Document Object Model - is a programming interface for web documents that acts as a live, hierarchical bridge between HTML code and JavaScript execution.

Core Architecture: The DOM Tree

Every element, attribute, and piece of text in an HTML document is translated into aNode within a parent-child hierarchy:

1 Document Node: The root gateway to the entire web page (document).

2. Element Nodes: Standard HTML tags (e.g, the body, div and p tag . )

3. Attribute Nodes: Inline properties of tags (e.g., href, src, class)

Text Nodes: The actual text strings nested inside HTML elements .

Main Objective of JavaScipt DOM

DOM (Document Object Model) is a programming interface that lets JavaScript access, change, and interact with the elements and content of an HTML webpage.