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