[英]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.