Dom-Event-Delegation

Question 1

What is the event.target?

Answer 1

The target property of the event object returns the element that is being effected by the event based on it’s css selector value.

Question 2

Why is it possible to listen for events on one element that actually happen its descendent elements?

Answer 2

because of event bubbling

Question 3

What DOM element property tells you what type of element it is?

Answer 3

the tagName property

Question 4

What does the element.closest() method take as its argument and what does it return?

Answer 4

It takes a css selector as it’s argument and returns the closest element with the css selector in the argument

Question 5

How can you remove an element from the DOM?

Answer 5

the remove() method

Question 6

If you wanted to insert new clickable DOM elements into the page using JavaScript, how could you avoid adding an event listener to every new element individually?

Answer 6

you can use the addEventListener() on the new elements parent or child.