繁体   English   中英

Javascript隐藏/显示div不起作用

[英]Javascript Hide/Show div not working

即时通讯在使用CSS类运行javascript隐藏/显示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;
}
}

我不是100%肯定,但是我很确定您需要将参数用引号引起来

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

两个问题:您为测试的href +'错过了一个“#”并隐藏了它(必须是字符串):

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM