JavaScript 切换问题

Question

我们的网站上有一些旧代码，我似乎找不到它不能正常工作的原因，所以我想知道新的眼睛是否可以看到我看不到的东西。这些是功能:

    function Toggle(item) {
   obj=document.getElementById(item);
   visible=(obj.style.display!="none")
   key=document.getElementById("x" + item);
   if (visible) {
     key.innerHTML="<img src='/images/common/leftsidebullet_closed.gif' height=10 width=10 border=0>";
     obj.style.display="none";
   } else {
      key.innerHTML="<img src='/images/common/leftsidebullet_opened.gif' height=10 width=10 border=0>";
      obj.style.display="block";
   }
}

function Toggle2(item) {
   obj=document.getElementById(item);
   visible=(obj.style.display!="none")
   key=document.getElementById("x" + item);
   if (visible) {
     obj.style.display="none";
     key.innerHTML="<img src='/images/common/leftsidebullet_closedOrange.gif' height=10 width=10 border=0>";
   } else {
      obj.style.display="block";
      key.innerHTML="<img src='/images/common/leftsidebullet_openedOrange.gif' height=10 width=10 border=0>";
   }
}

示例页面位于here如果您单击页面中间的“第 1 部分 – 规范”列表项，则需要单击两次才能实际触发切换，而不是第一次执行。它不会产生错误，而且我想不出其他任何东西，所以我想我应该问一下其他人是否可以看到某些东西。

Answer 1

在页面加载时，display 属性设置为 ''(在 Chrome 中)。这与'none'不同。因此 visible 被错误地设置为 true。因此，您的脚本希望通过将 display 属性设置为 'none' 来隐藏 div。第二次单击时，脚本将 visible 计算为 false。因此，它通过将属性设置为 block 来显示 div。

快速修复:

visible=(obj.style.display=="block")

代替

visible=(obj.style.display!="none")