<!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.sytle.display="none";
}??
function?showtext()??
{??
var?mychar?=?document.getElementById("con");
????????mychat.sytle.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>
2017-06-17
? ?mychar.sytle.display="none"; ?里面的單詞拼寫錯誤 應該是style而不是sytle!
2017-06-17
mychat.sytle.display="block"; ?這里面的兩個單詞都是錯誤的 mychar ?和 style!!!
2017-06-17
<script?type="text/javascript">?
????????function?hidetext()??
????????{??
????????var?mychar?=?document.getElementById("con").sytle.display="none";
????????mychar.sytle.display="none";
????????}??
????????function?showtext()??
????????{??
????????var?mychar?=?document.getElementById("con")?.sytle.display="block";
????????
????????}
????</script>?
必需要有這個格式 document.getElementById("XX")sytle.display="none";