prep-javascript-dom manipulation-dom events-dom creation

Question 1

What is the DOM?

Answer 1

The DOM is the Document Object Model; and it is what is created by the browser when loading a web page.

It is a model of the HTML document and all of its parts recreated as JavaScript objects.
It is not the HTML document itself, but a recreation of it in a form that JavaScript can understand and influence.

The DOM is a W3C standard. The W3C Document Object Model (DOM) is a platform and language-neutral interface that allows programs and scripts to dynamically access and update the content, structure, and style of a document.

Question 2

What does document.querySelector() return?

Answer 2

document.querySelector() returns the first element that matches the specified selector or group of selectors.

Question 3

How do you modify the text of elements on the DOM?

Answer 3

Using the following syntax:

[element].textContent = ‘New text’;

Question 4

What arguments does the addEventListener method take?

Answer 4

event, function, and useCapture

useCapture is optional. It is a boolean (true or false) that specifies if the event should be executed in the capturing phase or the bubbling phase (default).

Question 5

Give five examples of JavaScript events that can be listened for.

Answer 5

1. click
2. mouse over
3. mouse out
4. change
5. drag

Question 6

What does document.createElement() take as its argument?

Answer 6

tagName, which specifies the type of element to be created
and
options, which creates a ElementCreationOptions object

Question 7

What does document.createElement() return?

Answer 7

The new Element, specifically the Javascript object representing the HTML element.

Question 8

How do you append elements to the DOM?

Answer 8

Using the appendChild() method

ex: document.body.appendChild(p);
ex2: $parent.appendChild($child);