javascript onclick功能不起作用

时间:2018-10-25 19:24:13

标签: javascript css sass grid css-grid

所以我有一个CSS网格布局,当您单击每个div时,我试图更改其背景颜色。我曾尝试搜索论坛并阅读文档,但是我一直在碰壁。任何帮助,将不胜感激。

到目前为止,这是我的代码

var box = document.getElementsByClassName("box");
var testTarget = document.getElementsByClassName("box")[12];

console.log(testTarget);

box.addEventListener("click", () => {
  console.log('hello');
});

以及指向密码笔的链接

https://codepen.io/edubz/pen/BqvxOY?editors=1111

谢谢

edubz

1 个答案:

答案 0 :(得分:0)

这是解决您问题的方法:

var items = document.querySelectorAll(".box");
for (var i = 0; i < items.length; i++) {
  items[i].addEventListener("click", function() {
    this.style.backgroundColor = "red";
  });
}