dom-manipulation

Question 1

What is the className property of element objects?

Answer 1

The className property of the Element interface gets and sets the value of the class attribute of the specified element.

Question 2

How do you update the CSS class attribute of an element using JavaScript?

Answer 2

You update the CSS class attribute of an element using JavaScript Element.setAttribute()

Sets the value of an attribute on the specified element. If the attribute already exists, the value is updated; otherwise a new attribute is added with the specified name and value.

To get the current value of an attribute, use getAttribute(); to remove an attribute, call removeAttribute().

Question 3

What is the textContent property of element objects?

Answer 3

The textContent property sets or returns the text content of the specified node, and all its descendants. If you set the textContent property, any child nodes are removed and replaced by a single Text node containing the specified string.

Question 4

How do you update the text within an element using JavaScript?

Answer 4

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

Question 5

Is the event parameter of an event listener callback always useful?

Answer 5

Yes, the addEventListener() method of the EventTarget interface sets up a function that will be called whenever the specified event is delivered to the target.

Question 6

Would this assignment be simpler or more complicated if we didn’t use a variable to keep track of the number of clicks?

Answer 6

This assignment would have been more complicated, we would not know how many clicks we had.

Question 7

Why is storing information about a program in variables better than only storing it in the DOM?

Answer 7

Storing information about a program in variables better than only storing it in the DOM as it is less work and it is cleaner.