8

要素に画像が含まれているかどうかを確認する方法を誰かが提案できますか?画像ソースが含まれているかどうかだと思いますが、これをコーディングする方法がわかりません。

4

5 に答える 5

12

あなたはそのようにこれを行うことができます:

if( elem.getElementsByTagName('img').length > 0) {
    // there is an image
}

編集:あなたのコメントを見た後、これを試してください:

var imgs = elem.getElementsByTagName('img'), len = imgs.length, i;
for( i=0; i<len; i++) {
    if( imgs[i].src.match(/\/image\.jpg$/)) {
        // the image is there
        break;
    }
}
于 2013-03-23T20:58:13.320 に答える
2

jQueryを使用している場合は、次のようなことができます。

if($('#container_id').find('img').length > 0) {
     // Image found on container with id "container_id"
}
于 2013-03-23T20:59:14.290 に答える
1

これは機能するはずであり、AnaelのソリューションのようにJQueryを必要としません。

<div id="test1"><img src="img.jpg" /></div>
<div id="test2">Hello</div>    

<script>
function hasImage(id) {
    var childElements = document.getElementById(id).childNodes;
    for (var i = 0; i < childElements.length; i++) {
        if (childElements[i].localName != null && childElements[i].localName.toLowerCase() == "img") {
            return true;
        }
    }
    return false;
}

alert(hasImage('test1')); // true
alert(hasImage('test2')); // false
</script>

JSFiddleでのデモ:http://jsfiddle.net/qLPJC/

アップデート:

特定のアップデートがあるかどうかを確認するには、次のsrcアップデートを試してください。

function hasImage(id) {
    var childElements = document.getElementById(id).childNodes;
    for (var i = 0; i < childElements.length; i++) {
        if (childElements[i].localName != null && childElements[i].localName.toLowerCase() == "img") {
            if (childElements[i].getAttribute('src') != null && childElements[i].getAttribute('src').toLowerCase() == "img.jpg") {
                return true;
            }
        }
    }
    return false;
}

alert(hasImage('test1'));
alert(hasImage('test2'));

更新されたJSFiddleの例:http://jsfiddle.net/qLPJC/2/

于 2013-03-23T21:03:36.867 に答える
0

何かのようなもの

$("div:has(img)")

jqueryを使用している場合

于 2013-03-23T21:10:57.890 に答える
0

js getElementByIdを使用して画像要素を取得すると、その画像のsrcに簡単にアクセスできます。これにより、srcが空でない場合、または含まれている場合はsrcに画像パスが必要である場合に天気要素に画像が含まれていることがわかります。

   <html>
    <head>
    <script>
    function myFunction()
    {
     var imgSrc = document.getElementById("myImg").attr('src');
     alert(imgSrc);
    }
    </script>
    </head>

    <body>

    <h1>My Web Page</h1>

    <p id="demo">A Paragraph</p>

    <img id="myImg" src="http://www.blah.com/img.jpg" onclick="myFunction()"></img>

    </body>

</html>
于 2013-03-23T21:05:25.377 に答える