js中display屬性
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>顯示和隱藏（display屬性）</title>
<script type="text/javascript">
function hidetext(){
document.getElementById("con").style.display = "none";
}
function showtext(){
document.getElementById("con").style.display = "block";
}
function change(){
document.getElementById("con").style.width="800px";
document.getElementById("con").style.color="blue";
}
function dear(){
var ed = document.getElementById("cmcc");
ed.innerHTML="Hello World";
}
</script>
</head>
<body>
<h1 id="cmcc">JavaScript</h1>
<p id="con">我是中國人，我在北京</p>
<form>
<input name="button" onclick="hidetext()" value="隱藏內容">
<input name="button" onclick="showtext()" value="顯示內容">
<input name="button" onclick="change()" value="改變寬度及顏色">
<input name="button" onclick="dear()" value="改變內容">
</form>
</body>
</html>