问答详情
源自：9-1 认识DOM

为啥这样不能实现隐藏

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>style样式</title>
</head>
<body>
  <h2 id="con">I love JavaScript</H2>
  <p> JavaScript使网页显示动态效果并实现与用户交互功能。</p>
  <input type="button" value="sdfdfas" onclick="hidden()"/>
  <script type="text/javascript">
   var i = document.getElementById("con");
   i.style.color="red";
   i.style.backgroundColor="#ccc";
   function hidden(){
       i.style.display="none";
   }
 
 

  </script>
</body>
</html>


提问者：八浪八浪 2016-12-10 22:49

个回答

  • qq_浮世_0
    2016-12-17 19:39:52
    已采纳

    hidden是关键字，不能当函数名 换一个其他字母就好啦！！！

    0
  • 雷灿成
    2016-12-11 13:25:48

    我这又可以？

      <h2 id="con">I love JavaScript</h2>

      <p>JavaScript使网页显示动态效果并实现与用户交互功能。</p>

      <input type="button" value="隐藏内容" onclick="nshow()"/>

      <script type="text/javascript">   

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

    tt.style.backgroundClor="#CCC";

    tt.style.color="red";

    function nshow(){

         tt.style.display="none";

     }   

      </script>

    </body>

    </html>


    0