javascript - 检查多个图像源 - Javascript

Question

我有一个包含 4 张图像的表格，这些图像会在单击时发生变化。我想知道如何检查表中的所有图像是否/何时是相同的图像源。我一直在试图找出一种方法来检查表中的所有图像源。如有任何建议，我们将不胜感激!

HTML:

<table>
    <tr>
        <td>
            <img id="pos1" src="slicedImg_01.gif" onclick="change(1)" />
            <img id="pos2" src="slicedImg_02.gif" onclick="change(2)" />
        </td>
    <tr>
        <td>
            <img id="pos3" src="slicedImg_03.gif" onclick="change(3)" />
            <img id="pos4" src="slicedImg_04.gif" onclick="change(4)" />
        </td>   
    </tr>       
    </tr>
</table>    

JS:

var v = document.getElementById("pos" + clicked_img).src = "slicedImg_0" + rNum + ".gif";



        //var elems = document.getElementsByName.images("f")[0].src;
        //alert(elems);

        if (document.getElementById("pos1").src ==  v){
            if (document.getElementById("pos2").src == v){
                if (document.getElementById("pos3").src == v)

不要介意我在页面上的尝试和错误尝试。

Answer 1

尝试在有意义的地方运行它，如果您要检查的匹配 src 是静态的，则可以删除 src 参数。

function checkSameSrc(src){

    return document.querySelector('src=[" + src + "]').length === 4;

}