问答详情
源自:3-5 显示和隐藏(display属性)

JS显示和隐藏,为什么点击“隐藏内容”,再点击“显示内容”无法再次显示了?

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

提问者:Henry_Wilson 2017-03-30 11:11

个回答

  • qq_永恒_31
    2017-03-30 11:28:11
    已采纳

     mychar.syle.display="block";这句代码有错误mychar.style.display="block";     syle少了一个t   应该是style

  • 黑色丶毛衣
    2017-03-30 12:21:39

    楼上正解,注意单词完整,以及中英文符号差异。