javascript中2个src之间的比较[关闭]

Question

我想在这段代码中比较 2 个图像 src。它不起作用，可能是因为这些 src 的路径不是绝对的。那么如何获得这些图片的绝对路径呢？

HTML

  <td><img  id='1' src="photo1.gif" onclick="func(this)" ></td>
  <td ><img id='2' src="photo2.gif" onclick="func(this)"></td>
  <td ><img id='3'  src="photo3.gif" onclick="func(this)"></td>

JS

<script>
 function compare()
if(document.getElementById('1').src==document.getElementById('2').src)
alert("photo1=photo2")
</script>

Answer 1

你的比较很好。底层代码未定义（func() 函数未定义，compare() 函数结构不完善，应避免仅使用数字作为 ID）。

document.getElementById("compareButton").addEventListener("click", function() {

    console.log(document.getElementById('photo1').src+" - "+document.getElementById('photo2').src);
  
    if(document.getElementById('photo1').src == document.getElementById('photo2').src)
    {
	    console.log("photo1=photo2");
    }else{
   	    console.log("different");
    }
});

 <table>
 <tr>
   <td><img id="photo1" src="photo1.gif" /></td>
   <td><img id="photo2" src="photo2.gif" /></td>
   <td><img id="photo3" src="photo3.gif" /></td>
 </tr>
 </table>
  
  <button id="compareButton">
    Compare
  </button>