<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>display</title> <script type="text/javascript"> var i=0; function hidetext(){ i++; if(i%2!=0){

来源:3-5 显示和隐藏(display属性)

longdechuangren

2015-01-31 15:18

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>display</title>

    <script type="text/javascript"> 

    var i=0;

    function hidetext(){

      i++;

        

        if(i%2!=0){ 

          

            hide();

        }    

        else{

            

            showtext();

        }

        function hide()  

{  

var mychar = document.getElementById("con");

        mychar.style.display='none';

}  

function showtext()  

{  

var mychar = document.getElementById("con");

        mychar.style.display='block';

}

    }

    </script> 

  <style type="text/css" >  

      

      body{

          background:#eee;

      }

      form{

          background:#fff;

      }

      input{

          background:#fff;   

      }

      p{background:#fff;

        margin-top:0px;

      }

  </style>

</head> 

<body> 

 <form>

       <input type="button" onclick="hidetext()" value="不会了怎么办?" /> 

     

    </form>

    

    <p id="con">做为一个Web开发师来说,如果你想提供漂亮的网页、令用户满意的上网体验,JavaScript是必不可少的工具。</p> 

   

</body> 

</html> 


写回答 关注

2回答

  • Z_丶
    2018-12-28 14:59:02

    水水水水

  • lyleft
    2015-12-16 20:19:35

    什么问题?

JavaScript入门篇

JavaScript做为一名Web工程师的必备技术,本教程让您快速入门

740086 学习 · 9566 问题

查看课程

相似问题