為啥函數外聲明了變量，在函數里面不能用，了解一下吧
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>display</title>
??? <script type="text/javascript">
??? var mychar = document.getElementById("con");
??????? function hidetext()?
??{?
??mychar.style.display="none";
???????
??}?
??function showtext()?
??{?
??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>
2018-11-25
因為
步驟一：var mychar = document.getElementById("con");這個語句是把p標簽的對象賦值給mycahr。
而這個動作是通過點擊“隱藏內容”和“顯示內容”來執行的。
你點擊隱藏內容執行hidetext()函數，而函數體內就執行了步驟一，然后執行mychar.style.display="none";并隱藏內容。
顯示內容也是如此。
你把var mychar = document.getElementById("con");放到函數體外的時候，當你點擊隱藏或顯示內容按鈕的時候，這個語句就沒有執行嘛。
這樣子就OK了。
var?mychar?=?null;????????function?hidetext()?? {?? ????mychar=?document.getElementById("con");????????????mychar.style.display="none"; }?? function?showtext()?? {?? ????mychar?=?document.getElementById("con");????????????mychar.style.display="block"; }2018-11-25
我也被你的問題困擾了很久....
body中最后加<script>var mychar = document.getElementById("con");</script>就好了
先執行p id=con后才能被getElementById獲取到，放在head中先執行getElementById的話根本沒有con這個元素。
函數是調用的，順序不影響執行，所以放在函數中就沒有順序問題了。