javascript - if img.src === img.src === img.src - 无法让它工作

Question

我正在尝试使用图像制作一款类似 Match3 的游戏，但我无法进行比较。我正在为固定数量的 atm 执行此操作，只是为了让它正常工作，稍后应该在 foreach 循环中。如果有什么区别的话，该函数位于“DOMContentLoaded”监听器内部。这个:if statement with img.src这是:Getting img.src value (path name)没有帮助我，我无法找到或看到解决方案。感谢您的帮助或建议!

function removeTiles() {
    tiles = document.getElementsByTagName("IMG");
    /*for ( var j = 0; j < tiles.length; ++j) {*/
        var x = 15;
        var y = x-1;
        var z = x+1;

       /*I tried it with tiles[x].src before, gave me the same console and alert output, but the other post suggested trying this, so I did */
        var x2 = tiles[x].getAttribute('src', 2);
        var y2 = tiles[y].getAttribute('src', 2);
        var z2 = tiles[z].getAttribute('src', 2);
        alert(x2);
        alert(y2);
        alert(z2);


        if (x2 === y2 === z2){
            tiles[z].parentNode.removeChild(tiles[z]);
            tiles[y].parentNode.removeChild(tiles[y]);
            tiles[x].parentNode.removeChild(tiles[x]);

        } else {

            console.log('whatever');
            console.log(x2);
            console.log(y2);
            console.log(z2);
        }

        console.log(tiles[x]);
        }

    /*}*/
window.onload = removeTiles();

控制台输出为:

whatever    
 coffee.gif
 coffee.gif
 coffee.gif
<img src="coffee.gif">   

Answer 1

你不能像x2 === y2 === z2那样链接它们，第一部分将计算为 bool 值(即true或false) 通过 === 与字符串进行比较将始终产生 false。

您需要这样做 x2 === y2 && y2 === z2