代码之家  ›  专栏  ›  技术社区  ›  Drew

隐藏表格并更改一些文本

  •  0
  • Drew  · 技术社区  · 16 年前

     function toggle(idToHide, hiderID) {
        var element = document.getElementById(idToHide);
        var hiddenClass = " hidden";
        if(element.getClassName().contains(hiddenClass)) {
           document.getElementById(hiderID).innerHTML = "Hide";
           element.className = element.className.replace(hiddenClass,'');
        } else {
           document.getElementById(hiderID).innerHTML = "Show";
           element.className += hiddenClass;
        }
      }
    

    …还有标记。。。

    <a id="mercurial.repos.inactive.hider" href="#" onclick="toggle('mercurial.repos.inactive', 'mercurial.repos.inactive.hider'); return false;">Hide</a>
    
    <table id="mercurial.repos.inactive">...</table>
    

    这是JIRA插件的一部分,如果这有什么不同的话。

    2 回复  |  直到 16 年前
        1
  •  0
  •   palswim    16 年前

    为什么? getClassName ?

    尝试:

    if(element.className.contains(hiddenClass)) {
    

    另外,也许可以检查一下 hiddenClass = "hidden" // (No space)

    element.className += " " + hiddenClass;
    
        2
  •  0
  •   Drew    16 年前

    我最终放弃了这个,只是用“Show/Hide”代替它,而不是尝试在文本之间交换。