javascript - How can I make an image become invisible and un- interactable on a webpage? - Stack Overflow

admin管理员组

文章数量:1406950

I have made a JavaScript script which will scan through a webpage for all of the .gif files and set their visibility properties to "hidden". This allows me to select what type of image I want to show on my page... I used this code:

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";
        }
    }
}

---

Changing the code to

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";
        }
    }
}

works fine.

I have made a JavaScript script which will scan through a webpage for all of the .gif files and set their visibility properties to "hidden". This allows me to select what type of image I want to show on my page... I used this code:

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";
        }
    }
}

---

Changing the code to

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";
        }
    }
}

works fine.

• javascript
• html
• css

Share Follow edited Oct 30, 2023 at 4:10 Peter Mortensen 31.6k2222 gold badges110110 silver badges133133 bronze badges asked Dec 1, 2012 at 19:43 Shaun WildShaun Wild 1,24333 gold badges1717 silver badges3636 bronze badges 1

• 1 Use display:none instead. – Mario S Commented Dec 1, 2012 at 19:45

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 4

Set the attribute display: none on your images.

Yep, Levib is right. Just modify the code as below:

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";
        }
    }
}

本文标签： javascriptHow can I make an image become invisible and un interactable on a webpageStack Overflow