What are the concepts you need to know about DOM?

[[email protected]]

As a result, the source code is the original code of the web page and is interpreted by the browser. The DOM is a programming interface that represents the structure of the web page and is automatically generated by the browser. The source code is a structure in which changes to the web page are not directly reflected, while the DOM is a programming interface in which changes to the web page are directly reflected.

Concepts to know about DOM are as follows:

1. Node: Each element on a web page is called a Node. Node forms the basic unit of the DOM tree.

2. Element: Each tag in the HTML document is called an Element Node. united states of america mobile phone number An Element is a type of Node in the DOM tree and contains the properties of the HTML tag and its child nodes.

3. Parent Node: The parent Node of a Node is called Parent Node. For example, an HTML “div” element, the parent Node can be a “body” element.

4. Child Node: The child nodes of a Node are called Child Nodes. For example, a “span” element inside an HTML “div” element is one of the Child Nodes of the “div” element.

5. Attribute: Attributes of HTML elements are called Attributes. For example, the “src” property of an HTML “img” element is an Attribute of the “img” element.

6. Text Node: The text content in a web page is called a Text Node. For example, the text content in an HTML paragraph element is a Text Node.

7. DOM API: DOM API is a programming interface used to access elements on a web page. JavaScript can read and modify elements on a web page using the DOM API.

8. DOM Manipulation: DOM manipulation refers to changing the elements on the web page using JavaScript. DOM manipulation is used to dynamically change the content on the web page and create interactive web applications.