Dom Querying

Question 1

Why do we log things to the console?

Answer 1

to debug and test our code

Question 2

Why do we log things to the console?

Answer 2

to debug and test our code

Question 3

What is a “model”?

Answer 3

A recreation (or model) of something

Question 4

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

Answer 4

the html page

Question 5

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

Answer 5

objects within the Dom tree- representing a different part of the html page

Question 6

What is a DOM Tree?

Answer 6

A model of the html page

Question 7

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

Answer 7

getElementByld()

querySelector()

Question 8

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

Answer 8

getElementsByClassName()

querySelectorAll()

Question 9

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

Answer 9

so it holds it’s reference place

Question 10

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

Answer 10

console.dir()

Question 11

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

Answer 11

so the JS loads after the html

Question 12

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

Answer 12

returns the first element node that matches the CSS-style selector.

Both methods take a CSS selector as their only parameter.

Question 13

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

Answer 13

returns a Nodelist of all of the matches.

Both methods take a CSS selector as their only parameter.

Question 14

What is a “model”?

Answer 14

A recreation (or model) of something

Question 15

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

Answer 15

the html page

Question 16

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

Answer 16

objects within the Dom tree- representing a different part of the html page

Question 17

What is a DOM Tree?

Answer 17

A model of the html page

Question 18

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

Answer 18

getElementByld()

querySelector()

Question 19

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

Answer 19

getElementsByClassName()

querySelectorAll()

Question 20

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

Answer 20

so it holds it’s reference place

Question 21

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

Answer 21

console.dir()

Question 22

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

Answer 22

so the JS loads after the html

Question 23

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

Answer 23

returns the first element node that matches the CSS-style selector.

Both methods take a CSS selector as their only parameter.

Question 24

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

Answer 24

returns a Nodelist of all of the matches.

Both methods take a CSS selector as their only parameter.