JavaScript的显示和隐藏

来源：互联网发布：杭州云计算产业园编辑：程序博客网时间：2024/05/21 17:54

显示和隐藏（display属性）
网页中经常会看到显示和隐藏的效果，可通过display属性来设置。
语法：
Object.style.display = value
注意:Object是获取的元素对象，如通过document.getElementById("id")获取的元素。

value取值:

<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>display</title>    <script type="text/javascript">         function hidetext()  {  var mychar = document.getElementById("con");        mychar.style.display="none";}  function showtext()  {  var mychar = document.getElementById("con");        mychar.style.display="block";}    </script> </head> <body>      <h1>JavaScript</h1>      <p id="con">做为一个Web开发师来说，如果你想提供漂亮的网页、令用户满意的上网体验，JavaScript是必不可少的工具。</p>     <form>       <input type="button" onclick="hidetext()" value="隐藏内容" />        <input type="button" onclick="showtext()" value="显示内容" />     </form></body> </html>

阅读全文

0 0