為啥函數(shù)外聲明了變量，在函數(shù)里面不能用，了解一下吧
<!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開發(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>
2018-11-25
因為
步驟一：var mychar = document.getElementById("con");這個語句是把p標簽的對象賦值給mycahr。
而這個動作是通過點擊“隱藏內(nèi)容”和“顯示內(nèi)容”來執(zhí)行的。
你點擊隱藏內(nèi)容執(zhí)行hidetext()函數(shù)，而函數(shù)體內(nèi)就執(zhí)行了步驟一，然后執(zhí)行mychar.style.display="none";并隱藏內(nèi)容。
顯示內(nèi)容也是如此。
你把var mychar = document.getElementById("con");放到函數(shù)體外的時候，當你點擊隱藏或顯示內(nèi)容按鈕的時候，這個語句就沒有執(zhí)行嘛。
這樣子就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>就好了
先執(zhí)行p id=con后才能被getElementById獲取到，放在head中先執(zhí)行getElementById的話根本沒有con這個元素。
函數(shù)是調(diào)用的，順序不影響執(zhí)行，所以放在函數(shù)中就沒有順序問題了。