如何用JS控制html中的IMG标签？若IMG的src为空时，则不显示img，否则就显示img。。。求助！

Question

如题所述

Answer 1

var imgs = document.getElementsByTagName('img');
for (var i = 0; i < imgs.length; i++) {
    var img = imgs[i];
    if (!img.getAttribute('src')) {
        img.style.display = 'none';
    }
}

追问

你好能完整点了 测试不起作用么。还是现实的红叉叉！

追答// 是不是放js的地方有问题，试试这个
window.onload = function () {
    var imgs = document.getElementsByTagName('img');
    for (var i = 0; i < imgs.length; i++) {
        var img = imgs[i];
        if (!img.getAttribute('src')) {
            img.style.display = 'none';
        }
    }
}

Answer 2

用jq能方便一些，不用写很多代码。遍历所有img，如果属性src为空，则hide。追问

能给写下么！ 你看我的问题就知道 我这方面比较弱了。不会写呀！谢谢了！

追答

引入jq包会吧？www.jquery.com，下一个包文件。
$('img').each(function(){
var obj=$(this);
if($.trim(obj.attr('src'))==''){
obj.hide();
}
});

不要复制代码，因为，会有别的符号存在。请手打代码。也可能需要调试一下。

Answer 3

<img> <img><img><img>

<script src="jquery.min.js"></script>
<script type="text/javascript">
$('img').each(function(){
if($(this).attr('src')==null)
{
$(this).hide();
}
});
</script>
JQ 的追问

你好能完整点了 测试不起作用么。还是现实的红叉叉！

追答

<script src="jquery.min.js"></script>

你把JQ 加进去就好啦~~~~~~~~~~~~~~~~~~~~~~

放在一起

Answer 4

if(!img.src) img.style.display="none";else img.style.display="";