为什么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

src酒店没有id酒店。你必须直接使用它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>