dom-creation

Question 1

Does the document.createElement() method insert a new element into the page?

Answer 1

No, This element node is stored
in a variable.
When the element node is
created, it is not yet part of the
DOM tree. It is not added to
the DOM tree until step 3

Question 2

How do you add an element as a child to another element?

Answer 2

appendChild()

Question 3

What do you pass as the arguments to the element.setAttribute() method?

Answer 3

name
A DOMString specifying the name of the attribute whose value is to be set. The attribute name is automatically converted to all lower-case when setAttribute() is called on an HTML element in an HTML document.

value
A DOMString containing the value to assign to the attribute. Any non-string value specified is converted automatically into a string.

Question 4

What steps do you need to take in order to insert a new element into the page?

Answer 4

CREATE THE ELEMENT
createEl ement ()
You start by creating a new
element node using the
createElement() method.
This element node is stored
in a variable.
When the element node is
created, it is not yet part of the
DOM tree. It is not added to
the DOM tree until step 3.

Create TextNode

appendChild

Question 5

What is the textContent property of an element object for?

Answer 5

textContent gets the content of all elements. The textContent property of the Node interface represents the text content of the node and its descendants.

Question 6

Name two ways to set the class attribute of a DOM element.

Answer 6

className, setAttribute

Question 7

What are two advantages of defining a function to do create something (like the work of creating a DOM tree)?

Answer 7

you can repeatedly call the function, simplifies code, encapsulate the functionaility for rendering the dom tree, can just change the function instead of the rest of the code