顯示和隱藏（display屬性）
<!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>?
2015-12-16
<!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>?