javascript 隐藏/显示示例 - 关闭 div

标签 javascript getelementbyid

在这个 javascript 隐藏/显示示例中,如何在选择一个 div 时关闭所有其他 div?

 <script TYPE="text/JavaScript">
    function show_hide(id, show)
    {
      if (el = document.getElementById(id))
      {
        if (null==show) show = el.style.display=='none';
        el.style.display = (show ? '' : 'none');
      }
    }
    </script>

不要告诉我使用 jQuery,因为它无法在我们使用的某些移动环境中运行。

最佳答案

我会这样做

var alldivs = document.getElementsByTagName("DIV");
for (var i=0;i<alldivs.length;i++){
 var odiv = alldivs[i];
 //we only need "other" divs, not the one we're working on
 if ( (odiv.id) && (odiv.id!=id)) {
   odiv.style.display="none";
 }
}

(+ 感谢您没有要求 jQuery 解决方案:)

关于javascript 隐藏/显示示例 - 关闭 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3781491/

相关文章:

javascript - 如何将 javascript 脚本加载到 WordPress 中?

javascript - 最终显示不正确的 radio 值..不明白为什么

javascript - 将 innerHTML 更改为由它的 ClassName 捕获的 div 的 Id 的值

javascript - 根据 ID 将事件监听器应用于多个元素

javascript - 如何在执行下一行代码之前等待 Backbone 事件触发完成

JavaScript - 在自定义条件下选择特定单词和下一个特定字符之间的字符串

javascript - 协议(protocol) JSON (PSON) 与 Protocol Buffer

javascript - 用于检查 http 响应有效负载中是否返回额外数据字段的 JS 库?

php - jQuery 将动态元素 id/值传递到 PHP

javascript - 如果函数中的语句不起作用