dom-querying

Question 1

Why do we log things to the console?

Answer 1

To test our code, for debugging

Question 2

What is a “model”?

Answer 2

Dom tree

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

a different part of the page loaded in the browser window.

Question 5

What is a DOM Tree?

Answer 5

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

querySelectorAll

Question 8

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

Answer 8

If your script needs to use the same elements more than once you can store the location of the elements in variables

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 tag need to be placed at the bottom of the HTML content instead of at the top?

Answer 10

The web page needs to be loaded before you can work with it in the dom

Question 11

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

Answer 11

A css selector, This method returns only the first of the matching elements.

Question 12

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

Answer 12

a Css selector and returns all of those that match that selector