Почему не находит элемент?

Html:

<ul>
        <li>Example li</li>
          <li>Example li</li>
          <li>Example li</li>
          <li>Example li</li>
          <li>Example li</li>
          <li>Example li</li>
          <li>Example li</li>
        </ul>

JS:

var ul = document.getElementsByTagName('ul');
ul.onclick = function(event) {
    alert();
}

alert не выводится при клике на элементы <li> Но если присвоить элементу ul id и искать через document.getElementById , то код заработает. Почему так?