Javascript 将onclick事件添加到img id

我想制作一个

img

，其中

onclick

隐藏另一个

img

id并显示另一个。这是我写的代码：

document.getElementById（“poluzoom”）.addEventListener（“单击”，更改img）；
函数更改img（）{
document.getElementById（“poluzoom”）.style.visibility=“visible”；
document.getElementById（“readypol”）.style.visibility=“hidden”；
document.getElementById（“textpolu”）.style.visibility=“hidden”；
}

---

另一个选项是使用Jquery

toggle（）

参见示例

---

它在这里工作：，但是如果

#textpolu

不存在，我们会有一个javascript错误什么是“textpolu”？为什么不使用jquery toggle（）？因为我的老师不希望我们使用jquery，textpolu是一个h1 id，在单击该imgWorks时隐藏，这比我的更干净，感谢you@AndreFIlipe我记得你说过你不应该使用jQuery？@Barmar只要我给你一个很好的理由就可以了，不管怎样，我都会在我做的地方对旧代码进行注释和更正wrong@Barmar我在安德烈评论之前三分钟回答了这个问题。。。不是一个读心术的人。。。sorry@AdamBuchananSmith我的评论是针对安德烈的。我想知道他为什么接受这个答案。

<div id="fabricas">
  <img id="poluzoom" src="http://lorempixel.com/400/200/" alt="Mundo Zoom">
  <img id="readypol" src="http://lorempixel.com/400/200/sports/" alt="but1" style="display: none">
</div>

$("#fabricas").click(function() {
  $(this).find('img').toggle();
});