Question

我无法使用CSS类运行javascript hide / show div，当我点击触发器时没有任何反应。相关代码如下：

HTML

        <a href="" onclick="toggleClass(test,hidden)">Click</a>
        <div id="test" class="hidden">
        test    
        </div>

CSS

 .hidden{
        display:none;
 }

JS

function toggleClass(eid, myclass) {
 var theEle = document.getElementById(eid);
 var eClass = theEle.className;

 if (eClass.indexOf(myclass) >= 0) {

 theEle.className = eClass.replace(myclass, "");
 } else{

   theEle.className  += "" +myclass;
}
}

Answer 1

我不是100％肯定，但我非常确定你需要将参数括在引号

中

<a href="" onclick="toggleClass('test','hidden')">Click</a>
    <div id="test" class="hidden">
    test    
    </div>

Answer 2

两个问题：你错过了测试的href +'的“＃”和隐藏（必须是字符串）：

<a href="#" onclick="toggleClass('test','hidden')">Click</a>
 <div id="test" class="hidden">
        test    
 </div>

Javascript隐藏/显示div不起作用

2 个答案: