0

だから私はjavajspファイルを持っていて、その中に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>
4

3 に答える 3

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>

お役に立てれば

于 2013-03-10T13:28:43.850 に答える
1

ブロックワードの後、引用符が間違っていた

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-10T13:29:35.510 に答える
0

これを試して：

onclick="javascript://document.getElementById('hiddenText').style.display='block'; return false;"
于 2013-03-10T13:28:44.597 に答える