Question

你好我试图制作一个图像库，例如我可以说我有多个图像，当我用鼠标悬停在它们上面时我想改变它们的不透明度我知道这可以用CSS但我试图完成这个使用JavaScript我尝试使用get Elements By Tag Name方法，但问题是它只能按时间访问一个元素，所以我可以这样做，谢谢

Answer 1

试试这个：

var elements = document.getElementsByTagName("img");

Array.prototype.forEach.call(elements, function (e) {
    // Here you can access each image individually as 'e'.
});

当您悬停时，获取该图像的ID。然后遍历所有图像（上面的例子）并设置它们的不透明度。如果元素等于您点击的元素（记住，您只是使用了ID以便可以使用它），只需使用continue;跳到下一个。

Answer 2

你必须收集像

这样的图像元素

var images = document.getElementsByTagName("img");

然后你必须这样做

Array.prototype.forEach.call(images, e => e.addEventListener("mouseover", function( event ) { do something}));

在JavaScript中获取多个按标签名称的元素？

2 个答案: