Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Well done!
You have completed JavaScript and the DOM!
You have completed JavaScript and the DOM!
Preview
The DOM (Document Object Model) is an object-based representation of a web page that JavaScript can use to access and change different parts of the web page.
Further Reading
- Document Object Model (DOM) – MDN
- In the Elements panel, you might see things like pseudo-elements that come from your CSS (
::beforeand::after). These are not considered part of the actual DOM, which is one reason why the Elements panel isn't exactly a 1:1 mapping of the DOM tree.
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
Every browser has a built-in JavaScript
engine that reads, understands, and
0:00
runs the instructions in
a JavaScript program.
0:03
The browser environment
provides ways to access and
0:05
change different parts of
the web page with JavaScript.
0:08
Understanding how that works requires
an understanding of the DOM or
0:11
Document Object Model.
0:15
You've learned that almost everything
in JavaScript is an object or
0:18
can be treated as an object.
0:22
JavaScript objects can have properties
which define their characteristics.
0:25
Properties of objects can also be
accessed or set in the programs we write.
0:29
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up