DOM-querying

Question 1

Why do we log things to the console?

Answer 1

double check our functionality, inspector our data, also our way to verify the data and values.

Question 2

What is a “model”?

Answer 2

recreation of something used as an example, and imitate that structure or give another form.

Question 3

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

Answer 3

HTML document itself

Question 4

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

Answer 4

Elements or Tags

Question 5

What is a DOM Tree?

Answer 5

a model of a webpage consisting of all of the elements and the nodes from the most parental node downward. HTML and all of its node that makes up HTML

Question 6

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

Answer 6

1. quereySelector

2. getelementById.

Question 7

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

Answer 7

1. getelementbyClassName
2. quereySelectorAll

in general try to use quereyselector and quereyselectorAll

Question 8

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

Answer 8

So that we can access the element node in the future.

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

so that the browser loads the HTML before the Javascript. (browser run top to bottom).

Question 11

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

Answer 11

it takes a valid css selector string and returns an HTML element object.

Question 12

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

Answer 12

it takes an CSS selectors and returns all HTML element object list (Node List).