JavaScript JavaScript and the DOM Responding to User Interaction The Event Object

Guadalupe Favela
Guadalupe Favela
6,072 Points

Im a little confused about the "event.target", Versus "event.target.tagName"

Im still trying to understand the concept of event "bubbling" and "DOM traversal". I get really confused on when to use either pieces of code or how to apply it. Does "tagName" work similar to "document.elementsbyTagName"?

1 Answer

Steven Parker
Steven Parker
179,662 Points

Assuming "event" is the parameter to an event handler (the callback function of "addEventListener"), then:

  • event.target is a reference to the element that generated the event
  • event.target.tagName is the "tagName" property of that element — note that tag names are UPPER CASE

"document.getElementsByTagName()" is a function that you can use to find all the elements of a particular kind. Case is ignored so the argument should be lower case.