dom event delegation

Question 1

What is the event.target?

Answer 1

object representing the element being the event is tied to

Question 2

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

Answer 2

because event flow allows for event bubbling

Question 3

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

Answer 3

.tagName

Question 4

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

Answer 4

the closest ancestor (including itself) that satisfies the selector argument

Question 5

How can you remove an element from the DOM?

Answer 5

event.target.remove()

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

By using event flow and choosing elements nested inside elements that you would like to include and creating if-statements to control which would activate the callback function.
You can also use capturing.

Question 7

What is the affect of setting an element to display: none?

Answer 7

It doesn’t appear on the tree

Question 8

What is the affect of setting an element to display: none?

Answer 8

It doesn’t appear on the tree

Question 9

If you were to add another tab and view to your HTML, but you didn’t use event delegation, how would your JavaScript code be written instead?

Answer 9

you would have to create an event listener for a lot of different things