dom-creation

Question 1

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

Answer 1

The document.createElement() method does not insert a new element into the page. It makes a new element.

Question 2

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

Answer 2

To add an element as a child to another element use the .appendChild() method -> parent element.appendChild(child element)

Question 3

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

Answer 3

The arguments are passed to element.setAttribute() with the two arguments being name and value. That element will now have an attribute of name and assign the value to it.

Question 4

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

Answer 4

The steps needed to insert a new element into the page is the creation of an element. Query the DOM for a parent to appendChild() on. Then run parent element.appendChild(child element) with the child element being created in JavaScript.

Question 5

What is the textContent property of an element object for?

Answer 5

The textContent property of an element object is to get or set the text content of that element.

Question 6

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

Answer 6

Two ways to set the class attribute of a DOM element are: element.className = “” and element.setAttribute(‘class’, value);

Question 7

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

Answer 7

Two advantages of defining a function to create something are: that thing can be created for many alternative versions (pokemon cards) and to separate out the action of creating elements versus adding the elements to the DOM to change the appearance of the webpage.