Есть такая разметка:
<div class="wrapper">
<div id="main-slide">
<img src="http://dummyimage.com/650x400/8a8a8a/fff" alt="">
</div>
<div id="slide-bar">
<ul>
<li><a href=""><img src="http://dummyimage.com/100x100/858111/fff" alt=""></a></li>
<li><a href=""><img src="http://dummyimage.com/100x100/858222/fff" alt=""></a></li>
<li><a href=""><img src="http://dummyimage.com/100x100/858333/fff" alt=""></a></li>
<li><a href=""><img src="http://dummyimage.com/100x100/858444/fff" alt=""></a></li>
<li><a href=""><img src="http://dummyimage.com/100x100/858555/fff" alt=""></a></li>
</ul>
</div>
</div>
Как с помощью JavaScript я могу подцепить клик по элементам li?
Такой код не работает:
var some = document.getElementById('slide-bar').getElementsByTagName('ul')[0].getElementsByTagName('li');
some.onclick = function(){};
addEventListener('click', function (){/*чтохотитеделатьприклике*/})