javascript - 相当于jQuery onclick的Javascript

我应该如何构造我的代码以获得此jQuery的效果

var divQuery = $('.html5gallery-thumbs-0').children();
    divQuery.on('click', function () {...}

我以为是这样的：

 var divQuery = document.getELementsByClassName('html5gallery-thumbs-0');
        divQuery.onclick = function (elem) {
//this.style.display = 'none'
// OR
//elem.style.display = 'none'

}

元素应该引用clicket对象吗？或者它应该是关键字this。我想学习javascript，因为jQuery毕竟只是一个库。先感谢您！

最佳答案

扩展友善用户的回答还有另外两种方法：

使用最新和最强大的JS功能：

const divQuery = document.querySelector('.a');
divQuery.childNodes.forEach(v => {
  v.addEventListener('click', function() {
    console.log(this.textContent);
   })
 });

还有一个非常古老的版本（它支持IE和其他较旧的浏览器）：

const divQuery = document.getElementsByClassName('a')[0];
  [].forEach.call(divQuery.children, function(v){
     v.addEventListener('click', function() {
     console.log(this.textContent);
  })
})