Comment trouver des balises Img ayant src null. et la supprimer

Question

Je dois supprimer ou masquer la balise Img ou son parent lorsque Img a src = "".

J'ai un script, mais il ne fonctionne pas ..

window.onload=function(){ 
    var imgs = document.getElementsByTagName("img"); 
    for(var i = 0; i < imgs.length; i++) 
    { 
     var img = imgs[i]; 
     if(img.src==""){ 
     img.parentNode.removeChild(img); 
     } 
    } 
} 

Son ne trouve pas le img ayant scr = "". tandis que dans IE et Safari est montre le signe de la croix (rouge).

Answer 1

Vous pouvez utilisateur jQuery pour que :)

$(document).ready(function(){ 
    $("img").each(function(){ 
     if($(this).attr("src") == null || $(this).attr("src") == '') 
     { 
      $(this).remove(); 
      } 
    }); 
}); 

La solution de contournement est défini le style du conteneur div où il y a les nouvelles comme display: none; alors une fois que vous avez exécuté chaque boucle, vous définissez la div comme visible.

ici vous avez un mockup de code ..

//html (iframe content) 
<div id="newsContainer" style="display:none;"> 
</div> 

$(document).ready(function(){ 
    $("img").each(function(){ 
     if($(this).attr("src") == null || $(this).attr("src") == '') 
     { 
      $(this).remove(); 
      } 
    }); 
    $("#newsContainer").show(); 
}); 

Answer 2

Vous pouvez utiliser jquery pour ajouter des fonctionnalités qui rendront cette compatibilité inter-navigateurs sans falsification. Votre code finirait par ressembler à

$(document).ready(function() { 
    $("img[src='']").remove(); 
});