javascript - 在 java jsp 文件中的 HTML 中有隐藏文本

Question

因此，我有一个 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>

Answer 1

您的双引号用作“onclick”属性值的分隔符，因此如果您愿意，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>

希望这可以帮助

Answer 2

引号是错误的，在块词之后

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>

Answer 3

尝试这个：

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