Javascript-如何检查元素是否包含图像?

jor*_*d49 7 html javascript

谁能建议我如何检查元素是否包含图像?我假设这将是是否包含图像源,但不确定如何编码。

Nie*_*sol 9

您可以这样做:

if( elem.getElementsByTagName('img').length > 0) {
    // there is an image
}
Run Code Online (Sandbox Code Playgroud)

编辑:看到您的评论后,请尝试以下操作:

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;
    }
}
Run Code Online (Sandbox Code Playgroud)


Amo*_*ale 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>
Run Code Online (Sandbox Code Playgroud)