●怎麼在点击<div>時、使其里面的图片也可変換？

<script>
function toggle(e) {
  if (e.style.display == "none") {
     btn_toggle.innerText = "不表示";
     e.style.display = "block";
     document.getElementById("btnimg").src = "images/toggle_up.gif"; 
  } else {
    btn_toggle.innerText = "表示";
    e.style.display = "none";
    document.getElementById("btnimg").src = "images/toggle_down.gif";
  }
}
</script>
<body>
<form id=frm>
<div id="btn_toggle" onclick="toggle(HideShow);">
  <img id="btnimg" border="0" src="images/toggle_up.gif" width="15" height="15">不表示
</div>
<div style="display:block; background-color:#EEE;" id="HideShow">
  <br>表示内容
</div>
</form>
</body>

解决方案 »

  1.   

    document.getElementById("btnimg").src = "images/toggle_down.gif";
    ↑只換此処、也不行楼上的、你試過馬？
      

  2.   

    <script>
    function toggle(e) {
      if (e.style.display == "none") 
      {
         btn_toggle.innerHTML = '<img id="btnimg" border="0" src="images/toggle_up.gif" width="15" height="15">不表示';
         e.style.display = "block";
      } 
      else 
      {
        btn_toggle.innerHTML = '<img id="btnimg" border="0" src="images/toggle_down.gif" width="15" height="15">表示';
        e.style.display = "none";
      }
    }
    </script>注意：
    div.innerHTML你原来的错误：
    div.innerText="..." //已经对DIV的内容进行重写了，执行后面的代码哪里还能找得到btnimg这个图片呢？
      

  3.   

    用「div.innerText="..." 」会对DIV的内容整個进行重写、長学問了。hehe謝謝諸位！