将onclick事件添加到img id

Question

我想制作一个\\1 img隐藏另一个onclick ID并显示另一个。这是我的代码：

img

document.getElementById("poluzoom").addEventListener("click", changeimg);

function changeimg() {
  document.getElementById("poluzoom").style.visibility = "visible";
  document.getElementById("readypol").style.visibility = "hidden";
  document.getElementById("textpolu").style.visibility = "hidden";
}

如果我使用<div id="fabricas"> <img id="poluzoom" src="fabrica/fabricas.gif" alt="Mundo Zoom"> <img id="readypol" src="poluicao/offbuton.png" alt="but1"> </div>，则该功能有效，但mouseover却没有。我做错了什么？

Answer 1

另一种选择是使用Jquery toggle()参见示例http://jsfiddle.net/M9QBb/434/

<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>

JQuery的

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