javascript - 如何使图像在网页上变得不可见且不可交互？

Question

我制作了一个 javascript 脚本，它将扫描网页中的所有 .gif 并将它们的可见性属性设置为“隐藏”，这使我可以选择要在我的页面上显示的图像类型。我使用此代码:

function makeAllGIF(){
var x = document.getElementsByTagName("img");
for(i = 0 ; i < x.length; i++){
    var y = x.item(i);
    if(y.getAttribute("src").match("gif") != null){
        y.style.visibility = "visible";
        }else{
        y.style.visibility = "hidden";
            }
    }
}

编辑:

将代码更改为:

function makeAllGIF(){
var x = document.getElementsByTagName("img");
for(i = 0 ; i < x.length; i++){
    var y = x.item(i);
    if(y.getAttribute("src").match("gif") != null){
        y.style.display = "normal";
        }else{
        y.style.display = "none";
            }
    }
}

工作正常，谢谢大家!

Answer 1

在您的图像上设置属性 display: none。