Shulou(Shulou.com)06/02 Report--

This article mainly explains "what dom means in JavaScript". Interested friends may wish to take a look. The method introduced in this paper is simple, fast and practical. Let's let Xiaobian take you to learn "what dom means in JavaScript"!

In JavaScript, dom refers to the Document Object Model, a programming interface for HTML and XML documents; it defines a standard way to access and manipulate HTML documents, and defines a way to access the structure from within a program to change the structure, style, and content of the document.

Operating environment of this tutorial: Windows 7 system, Javascript version 1.8.5, Dell G3 computer.

1 DOM concept

Document Object Model (DOM), which defines standard methods for accessing and processing HTML documents. Now we are mainly exposed to HTML DOM.

DOM is a programming interface for HTML and XML documents. It provides a structured representation of the document and defines a way to access that structure from within the program to change the structure, style, and content of the document.

Each component in an HTML document is a node. All the nodes in an HTML document form a document tree (node tree). Each element, attribute, text, etc. in an HTML document represents a node in the tree. The tree starts at the document node and continues to branch from there until it reaches all text nodes at the lowest level of the tree. Learning DOM is learning some APIs (methods) for manipulating page elements. The following diagram represents a document tree.

2 Composition of DOM

DOM is composed of nodes. Nodes are divided into label nodes, attribute nodes and text nodes.

3 Uses of DOM

With JavaScript, we can refactor the entire HTML page document. You can add, remove, change, or rearrange items on a page. To change something on a page (i.e., dynamically), JavaScript needs to gain access to all the elements in the HTML document. This entry, along with methods and attributes for adding, moving, changing, or removing HTML elements, is obtained through the Document Object Model (DOM).

JavaScript can change all HTML elements in a page

JavaScript can change all HTML attributes in a page

JavaScript can change all CSS styles on a page

JavaScript can delete existing HTML elements and attributes

JavaScript can add new HTML elements and attributes

JavaScript can react to all existing HTML events on the page

JavaScript can create new HTML events on a page

At this point, I believe that everyone has a deeper understanding of "what dom means in JavaScript", so let's actually operate it! Here is the website, more related content can enter the relevant channels for inquiry, pay attention to us, continue to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.