簡體   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