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

时间:2012-12-01 19:43:52

标签: javascript html css

我制作了一个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";
            }
    }
}

工作正常,谢谢你们!

2 个答案:

答案 0 :(得分:4)

在图片上设置属性display: none

答案 1 :(得分:1)

是的,levib是对的。只需修改代码如下:

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";
            y.style.display = ""; // you can assign "block" as the value here.
        }
        else{
            y.style.visibility = "hidden";
            y.style.display = "none";
        }
    }
}