JS顯示和隱藏,為什么點擊“隱藏內(nèi)容”,再點擊“顯示內(nèi)容”無法再次顯示了?
<!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開發(fā)師來說,如果你想提供漂亮的網(wǎng)頁、令用戶滿意的上網(wǎng)體驗,JavaScript是必不可少的工具。</p>
??? <form>
?????? <input type="button" onclick="hidetext()" value="隱藏內(nèi)容" />
?????? <input type="button" onclick="showtext()" value="顯示內(nèi)容" />
??? </form>
</body>
</html>
2017-03-30
?mychar.syle.display="block";這句代碼有錯誤mychar.style.display="block"; ? ? syle少了一個t ? 應(yīng)該是style
2017-03-30
樓上正解,注意單詞完整,以及中英文符號差異。