在java jsp文件中有HTML隱藏文本

所以我有一個java jsp文件，並且它裏面我想要使用HTML，以便使特定的字符串/文本隱藏，直到按下按鈕/鏈接，然後它出現。我將如何做到這一點？在java jsp文件中有HTML隱藏文本

Javascript似乎不工作。我嘗試以下，但它沒有工作：

<div style="display: none;" id="hiddenText">This is hidden</div> 
<a href="#" onclick="document.getElementById('hiddenText').style.display="block"; return false;">Click here to see hidden text.</a>

來源

2013-03-10 user1782677

引號是錯的，塊字後

HTML：

<div style="display: none;" id="hiddenText">This is hidden</div> 
<a href="#" onclick="return toggle('hiddentext');">Click here to see hidden text.</a> 

<script type="text/javascript"> 
    function toggle (id){ 
     var element = document.geElementById(id); 
     if('none' == element.style.display){ 
      element.style.display = 'block'; 

     }else{ 
      element.style.display = 'none'; 

     } 
     return false; 
    } 
</script>

，或者如果你使用jQuery：

<div style="display: none;" id="hiddenText">This is hidden</div> 
    <a href="#" id="toggler">Click here to see hidden text.</a> 

    <script tyle="text/javascript"> 
     $(function(){ 
      $('#toggler').click(function(e){ 
       e.preventDefault(); 
       $('#hiddenText').toggle(); 
      }); 
     }); 
    </script>

來源

2013-03-10 13:29:35 Kovge

這使得它的工作！謝謝！但是，該鏈接仍然顯示在現在顯示的文本下方。有沒有一種方法可以讓文字一旦顯示就消失（或者使它反覆點擊以使文本出現/消失？ – user1782677 2013-03-10 13:33:06

我改變了代碼，將鏈接作爲扯拽符 – Kovge 2013-03-10 13:41:32

你的雙引號被用來作爲分隔符爲「點擊」屬性值，所以如果你想style.display="block";，那麼你將不得不使用單引號： style.display='block';

<div style="display: none;" id="hiddenText">This is hidden</div> 
<a href="#" onclick="document.getElementById('hiddenText').style.display='block'; return false;">Click here to see hidden text.</a>

希望這有助於

來源

2013-03-10 13:28:43 BackSlash

試試這個：

onclick="javascript://document.getElementById('hiddenText').style.display='block'; return false;"

來源

2013-03-10 13:28:44

在java jsp文件中有HTML隱藏文本

回答

相關問題