                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /JavaScript入門篇

為什么隱藏內容和顯示內容倆個按鈕沒有反應呢

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

筱瑞

2016-08-15

源自：JavaScript入門篇 3-5

關注問題我要回答

1166

操作

收起

2 回答

筱瑞提問者
2016-08-15

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