wangwang201109 2021-12-29 12:57 采纳率: 100%
浏览 91
已结题

javascript中的显示和隐藏(display属性)的问题

这是在csdn中看到的一篇博文,我在编辑器中尝试啦一下,不知道为什么没有反应,哪里有问题?谢谢

<!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" οnclick="hidetext()" value="隐藏内容" />
       <input type="button" οnclick="showtext()" value="显示内容" />
    </form>
</body>
</html>

版权声明:本文为CSDN博主「武晓兵」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/wuxiaobingandbob/article/details/51381091

  • 写回答

5条回答 默认 最新

  • CSDN专家-sinJack 2021-12-29 13:22
    关注
    <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <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>
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(4条)

报告相同问题?

问题事件

  • 系统已结题 1月6日
  • 已采纳回答 12月29日
  • 创建了问题 12月29日