相当于 jQuery onclick 的 Javascript

Question

我应该如何构建我的代码来获得这个 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 毕竟只是库。预先感谢您!

Answer 1

通过其他两种方法扩展用户的回答:

使用最新最好的 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);
  })
})