我這里有什么地方不對嗎？
<!DOMTYPE?html>
<html>
<head>
????<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/>
????<title>js編程練習</title>
?????????????<!--css?begin-->
<style?type="text/css">
????*{margin:?0?;?padding:?0;?font-family:?"宋體"}
????????????#main{?border:?2px?solid?red;?height:?100%;}
????????????#showmore{
????????position:?absolute;
????????top:?5%;
????????left:?25%;
????????border-top:?1px?solid?blue;
????????border-right:?1px?solid?blue;
????????border-left:?1px?solid?blue;
????????background:?white;
????????width:?400px;
????????????}
</style>
???<!--css?end-->
????<!--這是內部JS代碼-->
<script?type="text/javascript">
????//光標失焦
????function?showOnblur()?{
????????var?sob?=?document.getElementById("showmore");//通過id獲取
????????sob.style.display?=?"none";//隱藏內容
????????????}
????????????
????????????//光標聚集
????????????function?moreOnfocus()?{
????????var?mof?=?document.getElementById("showmore");
????????mof.style.display?=?"block";??//顯示內容
????????????}
</script>
????<!--內部js?end-->
</head>
<body>
????<div?id="main">
????<p?id="mainp"?>簡介：做為WEB攻城師必備技術JavaScript，
本課程從如何插入JS代碼開始，學<span?id="more1"?onfocus="moreOnfocus()"?>[更多]<span></p>
????<div?id="showmore"?onblur="showOnblur()"?>簡介：做為W
EB攻城師必備技術JavaScript，本課程從如何插入JS代碼開始，
學習JS基礎語法、語法、函數、方法等，讓你掌握JS編程思路、
知識的使用等，實現運用JS語言為網頁增加動態效果，達到與
用戶交互的目的。</div>
</div>
</body>
</html>為什么#showmore的內容沒有隱藏。。。
2016-10-27
onfocus onblur事件只對于文本框有效
?
2016-10-27
<!DOMTYPE?html> <html> <head> ????<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/> ????<title>js編程練習</title> ?????????????<!--css?begin--> ????<style?type="text/css"> ????????*{margin:?0?;?padding:?0;?font-family:?"宋體"} ????????????#main{?border:?2px?solid?red;?height:?100%;} ????????????#showmore{ ????????????position:?absolute; ????????????top:?5%; ????????????left:?25%; ????????????border-top:?1px?solid?blue; ????????????border-right:?1px?solid?blue; ????????????border-left:?1px?solid?blue; ????????????background:?white; ????????????width:?400px; ????display:none;?//先隱藏 ????????????} ????</style> ???????<!--css?end--> ????????<!--這是內部JS代碼--> ????<script?type="text/javascript"> ????????//光標失焦 ????????function?moreOnfocus()?{ ????????????var?sob?=?document.getElementById("showmore");//通過id獲取 ????????????sob.style.display?=?"block";//顯示內容 ????????????} ????????????? ????????????//光標聚集 ????????????function?showOnblur()?{ ????????????var?mof?=?document.getElementById("showmore"); ????????????mof.style.display?=?"none";??//隱藏內容 ????????????} ????</script> ????????<!--內部js?end--> </head> ? <body> ????<div?id="main"> ????????<p?id="mainp"?>簡介：做為WEB攻城師必備技術JavaScript， ????????本課程從如何插入JS代碼開始，學<br> ????????<input?type="text"?id="more1"?value="更多"?onfocus="moreOnfocus()"?> ????????</p> ????????<textarea?id="showmore"?rows="5"?cols="6"?placeholder="簡介：做為WEB攻城師必備技術JavaScript，本課程從如何插入JS代碼開始，學習JS基礎語法、語法、函數、方法等，讓你掌握JS編程思路、知識的使用等，實現運用JS語言為網頁增加動態效果，達到與用戶交互的目的"?onBlur="showOnblur()"></textarea> ????</div> </body> </html>