DOM-querying Flashcards
Why do we log things to the console?
To check if the script is running. Important to do this periodically.
What is a “model”?
A representation of what is in the real world.
Which “document” is being referred to in the phrase Document Object Model?
The HTML document.
What is the word “object” referring to in the phrase Document Object Model?
The document object; a JavaScript object.
What is a DOM tree?
A visual representation of the contents of the page. A model of a webpage made of objects.
Give two examples of document methods that retrieve a single element from the DOM.
getElementById(), querySelector(), querySelectorAll()…
Give one example of a document method that retrieves multiple elements from the DOM at once.
getElementsByClassName()
Why might you want to assign the return value of a DOM query to a variable?
So that you can use it more than once.
What console method allows you to inspect the properties of a DOM element object?
Console.dir
Why would a tag need to be placed at the bottom of the HTML content instead of at the top?
The browser needs to parse all of the elements in the HTML page before the JavaScript code can access them.
What does document.querySelector() take as its argument and what does it return?
CSS selector and returns the first matching element.
What does document.querySelectorAll() take as its argument and what does it return?
CSS selector to select all matching element.