问答详情
源自：3-5 显示和隐藏（display属性）

显示和隐藏是实现不了

<!DOCTYPE HTML>

<html> 

<head>

<title>reshen</title>

       <script type="text/javascript"> 

                 function hidden(){

                                   var c=document.getElementById("gm");

                                   c.style.display="none";

                                   }

                 function show(){

                                 var c=document.getElementById("gm");

                                 c.style.display="block";

                                 }

       </script>

</head>

<body>

       <p id="gm">小明和小红去学校</p>

       <form>

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

             <input type="button" onclick="showtext()" value="显示内容" /> 

       </form>

</body>

</html>


提问者：qq_倾听心跳的旋律_0 2016-11-28 14:14

个回答

  • 老友丶
    2016-11-28 14:25:57
    已采纳

    你HTML中的事件处理程序函数名和JS的函数名不同，改成一样的就好了。

    1
  • 索伯列夫
    2016-11-28 16:11:15

    上下函数名不同

    0
  • xia_红色蒲公英
    2016-11-28 14:45:35

    <input type="button" onclick="hidetext()" value="隐藏内容" /> 改为<input type="button" onclick="hidden()" value="隐藏内容" /> 

    <input type="button" onclick="showtext()" value="显示内容" /> 改为<input type="button" onclick="show()" value="显示内容" /> 

    0