dom-querying

Question 1

Why do we log things to the console?

Answer 1

Remove bugs and check functionality.

Question 2

What is a “model”?

Answer 2

Representation of something.

Question 3

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

Answer 3

The HTML document.

Question 4

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

Answer 4

The elements of the page.

Question 5

What is a DOM Tree?

Answer 5

A model of the web page.

Question 6

Give two examples of document methods that retrieve a single element from the DOM.

Answer 6

getElementById( ) and querySelector( ).

Question 7

Give one example of a document method that retrieves multiple elements from the DOM at once.

Answer 7

querySelectorAll( ).

Question 8

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

Answer 8

To avoid having the browser look for that location again.

Question 9

What console method allows you to inspect the properties of a DOM element object?

Answer 9

Console.dir( ).

Question 10

Why would a script tag need to be placed at the bottom of the HTML content instead of at the top?

Answer 10

Because the browser needs to go through all the HTML elements before the JavaScript code can access it.

Question 11

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

Answer 11

A selector (universal, type, class, id or attribute) and it returns a Node List with all the properties of that selector.