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.
Element objects
From the course: The DOM in JavaScript, jQuery, AngularJS, and React
Element objects
- [Instructor] The element interface represents an object of a document. And it describes methods and properties that are common to all kinds of elements in the DOM. It serves as the base interface for about every HTML elements found in the DOM. And some of the properties and methods belonging to this class, the element class, which you probably have already used, and my not know it, are things like: the attributes, the class name, the id, the inner HTML, getAttribute, and so on. So, this is a really important interface, that has a lot of very useful methods and properties, and let's look at some of these here, that are associated with this element interface. Let me resize this window just a little bit more, so I can have more room. Probably can go a little bit more up here. So, again the top window is my output of this document. It has more content by the way, I'm just moving down here so I can see the cat, the car and the donut here. The left window here, the middle, is the elements…
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
-
-
-
-
-
-