Dom-querying

Question 1

Why do we log things to the console?

Answer 1

Easier to Debug

Question 2

What is a “model”?

Answer 2

The DOM tree

Question 3

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

Answer 3

Represents the entire page

Question 4

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

Answer 4

Each node, which is an object

Question 5

What is a DOM Tree?

Answer 5

The model of the web page

Question 6

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

Answer 6

getElementByID, querySelector

Question 7

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

Answer 7

getElementByClassName

Question 8

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

Answer 8

when needing to work with an element more than once

Question 9

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

Answer 9

.dir()

Question 10

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

Answer 10

so the HTML can load before any JS changes

Question 11

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

Answer 11

takes in a CSS selector and returns element that matches with it

Question 12

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

Answer 12

Takes a css selector that matches all elements with selector and returns a node list