Java Reference
In-Depth Information
Chapter
6
The Document Object Model
The Document Object Model (DOM) allows you to access elements of a web page and en-
able interaction with the page by adding and removing elements, changing the order of ele-
ments, changing the content of elements, changing element attributes, and even altering how
elements are styled.
In this chapter, we'll be cover these topics:
• introduction to the DOM
• getting elements―
getElementById
,
getElementsByClassName
,
getElementsByTagName
,
querySelector
, and
querySelectorAll
• navigating the DOM tree
• getting and setting an element's attributes
• updating the DOM by creating dynamic markup
• changing the CSS of an element
• our project―insert questions dynamically into the DOM to create a list of quiz
questions