javascript - 如何查找 src 为空的 Img 标签。并删除它

Question

当 Img 有 src="" 时，我需要删除或隐藏 Img 标签或其父标签。

我有一个脚本，但它不工作..

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

它没有找到具有 scr="" 的 img。而在 IE 和 Safari 中显示十字符号（红色）。

Answer 1

您可以使用 jquery 添加功能，使这个跨浏览器兼容而不会变得疯狂。你的代码最终看起来像

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

Answer 2

您可以为此使用 jQuery :)

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

解决方法是将有新闻的 div 容器的样式设置为 display:none; 然后一旦执行每个循环，您将 div 设置为可见。

在这里你有一个代码模型..

 //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();
 });