為什么 this.id.src 中的 src 未定義（在調試器中）[在 iife 中]

Question

為什么調試器中 this.id.src 中的 src 未定義？ 我不明白為什么這不起作用。 我以前有過這個工作，但有一個特定的 id（不是 this.id） 有沒有人有任何建議？

 document.getElementById("a1").addEventListener("click", myFunction); function myFunction (id) { console.log(this.id); // works this.id.src="images/red.jpg"; }

 <div> <img id="a1" src="images/black.jpg"> </div>

Answer 1

id屬性上沒有src屬性。 你必須直接使用this.src 。 傳遞給函數的參數是事件而不是 id：

 document.getElementById("a1").addEventListener("click", myFunction); function myFunction(e) { this.src = "http://via.placeholder.com/150x150"; }

 <div> <img id="a1" src="http://via.placeholder.com/100x100"> </div>