我有两张猫的图像，当我单击第一张图像时，第一张图像的指针应从 切换pointer到none。
let elements = document.querySelectorAll('.cat');
for (var i = 0; i < elements.length; i++) {
if (i == 0) {
elements[i].addEventListener('click', function(event) {
console.log('Cursor switched');
document.getElementsByClassName('cat')[0].style.pointerEvents = 'none';
});
}
}.cat {
height: 100px;
cursor: pointer;
}<img class="cat" src="https://i.pinimg.com/564x/c7/83/16/c78316ef3e89429ff0f3dad0265d0da8.jpg">
<img class="cat" src="https://i.pinimg.com/564x/c7/83/16/c78316ef3e89429ff0f3dad0265d0da8.jpg">有用。但我的问题是为什么我不能使用document.getElementsByClassName('cat')[i]而不是document.getElementsByClassName('cat')[0]或者我应该使用完全不同的代码？