From the course: The DOM in JavaScript, jQuery, AngularJS, and React
Unlock the full course today
Join today to access over 24,800 courses taught by industry experts.
What is the DOM?
From the course: The DOM in JavaScript, jQuery, AngularJS, and React
What is the DOM?
- [Instructor] So, what is the DOM? The DOM is an acronym for Document Object Model. It's an application program interface, or API for HTML and XML documents. In the DOM, web documents have a logical structure of html elements which is very much like a tree. To be more precise, it is usually represented as an uprooted tree, because the root is at the top, and branches and leaves are at the bottom. The root is the HTML element. The branches are all other elements, and leaves are usually refer to the text and nodes. Now most elements do contain text or content but not all of them. For example, VHR or the horizontal rule tag, and the line break tag do not contain any content, but most of them do. Now, these diagrams are just models to represent the DOM, so that we can have a better visualization of what it might look like. One thing for certain is that the DOM is not a set of data structures. Data structures are things like arrays, files, records and so forth, that are designed to…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
Developer tools7m 12s
-
(Locked)
What is the DOM?5m 18s
-
(Locked)
The DOM tree5m 59s
-
(Locked)
nodeType and nodeName properties7m 17s
-
(Locked)
The Node interface10m 50s
-
(Locked)
The Document object12m 8s
-
(Locked)
The Document methods10m 27s
-
(Locked)
Element objects10m 24s
-
(Locked)
Modifying text in the DOM9m 16s
-
(Locked)
Event objects11m 54s
-
(Locked)
Window object6m 56s
-
(Locked)
CSS properties and the DOM13m 50s
-
(Locked)
Traversing the DOM tree10m 18s
-
-
-
-
-
-