为啥这样不能实现隐藏

来源:9-1 认识DOM

八浪八浪

2016-12-10 22:49

<!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>


写回答 关注

2回答

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

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

    八浪八浪

    非常感谢!

    2016-12-17 21:01:30

    共 1 条回复 >

  • 雷灿成
    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>


    雷灿成 回复八浪八浪

    可能吧,哥们,我也是一般,自己多试试方法,就可以啦

    2016-12-12 14:22:14

    共 2 条回复 >

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468060 学习 · 21891 问题

查看课程

相似问题