The DOM of JavaScript

What is DOM?

The Document Object model, or DOM, is the standard programming interface recommended by the Organization for the processing of extensible flag languages. On a Web page, objects that organize pages (or documents) are organized in a tree structure that represents the standard model for objects in a document called the DOM.

The HTML DOM defines the objects and properties of all HTML elements, as well as how to access them.

In other words, the HTML DOM is the standard for how to get, modify, add, or delete HTML elements.

　　

Inheritance and node tree of two CSS

An HTML page can be thought of as a collection of nodes, which can contain different tags in an HTML document, and each component in an HTML document is a node. A node tree can present an HTML document as a node-set and a connection between them. At each node tree, the topmost node is called the root. Each node, outside of Root, has a parent node. A node can have an infinite number of child nodes, and the leaf is a child-free node, and the sibling node refers to the node that owns the same parent. As a node tree:

　　

CSS inheritance refers to the child tags that inherit all the style styles of the parent tag, and can be modified on the basis of the style of the parent tag style, creating a new style, and the child markup style style does not affect the parent tag at all.

　　

　　

The DOM of JavaScript