html 页里有一个div 隐藏，然后我点击一个链接，想弹出这个隐藏的DIV里的内容，如何做？

先将<div style="display:none"></div>隐藏，点击链接后，用javascript改变style.display="block"

解决方案 »

  1.   

    同楼上
    <html>
    <title>index</title>
    <head>
    <script>  </script> </head>
    <body >
    <a href="#" onclick="document.getElementById('oDiv').style.display='block'">click</a>
    <div id="oDiv" style="display:none"> this is a herf</div>
    </body>
    </html>
      

  2.   

    <html>
    <title>index</title>
    <head>
    <script>  </script> </head>
    <body >
    <a href="#" onclick="document.getElementById('oDiv').style.display=='none'?document.getElementById('oDiv').style.display='block':document.getElementById('oDiv').style.display='none'">click</a>
    <div id="oDiv" style="display:none"> this is a herf</div>
    </body>
    </html>
      

  3.   


    <html>
    <script type="text/javascript">
    function divShow(){
    document.getElementById("divID").style.visibility="visible";//显示
    }
    function divHidden(){
    document.getElementById("divID").style.visibility="hidden";//隐藏
    }
    </script>
    <body>
    <table>
    <tr bgcolor="#5F79B1" >
    <td align="center"><a href="#" onclick="divShow()">div 层显示</a>   <a href="#" onclick="divHidden()">div 层隐藏</a></td>
    <td>
    <div id="divID" style="visibility: hidden;" >
    测试层 
    </div>good very 
    </td>
    </tr>
    </table>
    </body>
    </html>