dom-querying

Question 1

Which “document” is being referred to in the phrase Document Object Model?

Answer 1

The HTML document

Question 2

What is the word “object” referring to in the phrase Document Object Model?

Answer 2

Javascript object

Question 3

What is a DOM Tree?

Answer 3

A model of the document

Question 4

Give two examples ofdocumentmethods that retrieve a single element from the DOM.

Answer 4

getElementByID()

querySelector()

Question 5

Give one example of adocumentmethod that retrieves multiple elements from the DOM at once.

Answer 5

querySelectorAll()

getElementsByTagName()

Question 6

Why might you want to assign the return value of a DOM query to a variable?

Answer 6

So that we can use the same element more than once.

Question 7

Whatconsolemethod allows you to inspect the properties of a DOM element object?

Answer 7

console.dir()

Question 8

Why would atag need to be placed at the bottom of the HTML content instead of at the top?

Answer 8

The browser needs to parse all of the elements in the HTML page before the JavaScript code can access them

Question 9

What doesdocument.querySelector()take as its argument and what does it return?

Answer 9

Uses a CSS selector, and returns the first matching element.


Question 10

What doesdocument.querySelectorAll()take as its argument and what does it return?

Answer 10

Uses a CSS selector to select all matching elements (returns a node list)