this.id.srcのsrcが未定義（デバッガの場合）

Question

this.id.srcのsrcがデバッガで未定義なのはなぜですか？なぜこれがうまくいかないのか分かりません。私は前にこの作業をしてきましたが、特定のID（this.idではない）を持っていました。

document.getElementById("a1").addEventListener("click", myFunction); 
 

 
function myFunction (id) { 
 
\t console.log(this.id); // works 
 
\t 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>