javascript - 隐藏表格并更改一些文本

Question

我需要编写一点 Javascript 来隐藏表格(通过添加隐藏样式类)，然后更改链接的文本以表示状态。隐藏部分有效，但文本更改无效。这是 javascript...

 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 插件的一部分。

Answer 1

为什么要getClassName？

尝试:

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

另外，也许检查 hiddenClass = "hidden"//(No space)然后在添加时添加一个空格和类名，例如:

element.className += " " + hiddenClass;