为什么隐藏内容和显示内容俩个按钮没有反应呢-慕课网

为什么隐藏内容和显示内容俩个按钮没有反应呢

来源：3-5 显示和隐藏（display属性）

筱瑞

2016-08-15 15:02

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

写回答关注

2回答

筱瑞

2016-08-15 15:05:36

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

0 0
筱瑞

2016-08-15 15:05:20

已经解决了！

0 0

JavaScript入门篇

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

739817 学习 · 9566 问题

相似问题

回答 2

回答 2

回答 4

回答 2

显示内容和隐藏内容的函数，为什么隐藏之后再显示就显示不了呢？

回答 4

打开慕课网App查看更多内容