From the course: The DOM in JavaScript, jQuery, AngularJS, and React
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
The Document object
From the course: The DOM in JavaScript, jQuery, AngularJS, and React
The Document object
- [Instructor] The document interface represents the entire HTML document, and it contains the factory methods needed to create all objects in the document, such as all your body tags, the comment tags you see there, and the elements window, and all other tags and those that you may not see here, as well. The object name of this class is simply called document. Conceptually, the document object is the root of this document tree, or actually the root of any document, and it provides the primary access to everything you need to manipulate the DOM. So the document object has many properties, methods, and events, things like the document's location, its title, the children it has, and so on. So when you want to reference any of this node or element in the document using JavaScript, you must go through this document object. And there are many other properties, such as the head, the body, forms, images, and so on. Some of these are more prominent than the others. So let's take a look at…
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
-
-
-
-
-
-