dome-querying

Question 1

Why do we log things to the console?

Answer 1

to test and to debug our code

Question 2

What is a “model”?

Answer 2

a recreation of something

Question 3

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

Answer 3

HTML document

Question 4

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

Answer 4

the elements

Question 5

What is a DOM Tree?

Answer 5

a recreation of the html elements on the page that can be accessed by java

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()

querySelectorAll()

Question 8

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

Answer 8

cache element to stop re searching multiple times

Question 9

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

Answer 9

the dir method of the console object

Question 10

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

Answer 10

JS needs to load after the HTML - so the DOM can load first

Question 11

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

Answer 11

an element selector and that selector

Question 12

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

Answer 12

an element selector and NodeList