Вывод элемента по которому кликнули

12:43 5.10.2019
Есть блок на странице, представим его так <div class="region"></div>, внутри этого блока расположены другие элементы страницы. Как сделать, чтобы при клике на любой из этих элементов, вылетал alert с самим элементом?
14:05 5.10.2019
Например блок с таким содержимым:
<div class="region">
  <table>
    <tr>
      <td>
        <div>Первый блок</div>
      </td>
      <td>
        <div>Второй блок</div>
      </td>
  </table>
</div>

Делаем так:
document.querySelector('.region').addEventListener('click', function(el) {
  alert(el.target.tagName);
});

Готово!

Возможно, будет интересно:
- Как получить атрибут элемента, на который кликнули (JavaScript)
- Как получить все "потомственные" блоки на jQuery
15:09 5.10.2019
Не плохо. Только, как сделать, чтобы вместо DIV выходило <div>Первый блок</div>?
16:09 5.10.2019
Замените tagName на outerHTML:
document.querySelector('.region').addEventListener('click', function(el) {
  alert(el.target.outerHTML);
});

outerHTML - служит для получения сериализованного HTML фрагмента.

Как [object HTMLTagElement] перевести в строку
18:04 5.10.2019
Спасибо! Вы и в правду волшебник!