我正在使用 HTML、CSS 和 vanilla JS 创建一个像素艺术制作器。我已经创建了大部分用户界面,但我无法使功能正常工作。我试过:
let cell = document.body.querySelectorAll('.grid-square');
cell.addEventListener('click', function() {
cell.style.backgroundColor = 'red';
});
但是我的页面“addEventListener”不是一个函数。如何让我的 JS 在 HTML 之后加载,以便我可以让它工作?
最佳答案
let cells = document.body.querySelectorAll('.grid-square'); // querySelectorAll return all elements which have grid-square class.
for(let i = 0; i < cells.length; i++){
cells[i].addEventListener('click', function(){
cells[i].style.backgroundColor = "red";
});
}
关于javascript - 如何在点击 JS 生成的特定元素时添加颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63982405/