天天看点

JavaScript控制显示隐藏

<!DOCTYPE>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>js?剧ず????灞?</title>
<script>
function look(targetid,objN){
      var target=document.getElementById(targetid);
      var clicktext=document.getElementById(objN)

            if (target.style.display=="block"){
                target.style.display="none";
                clicktext.innerText="?瑰?绘?ョ??璇??淇℃??";

            } else {
                target.style.display="block";
                clicktext.innerText='?抽??璇??淇℃??淇℃??';
            }
   
}

</script>
<style type="text/css">
a { text-decoration: none; }
#looklook{ cursor:pointer;}
#text{ width:1000px; border: 1px solid #CCC; background: #f8f8f8; padding: 20px; }
.dis{ display: none; text-indent:2em;}
</style>
</head>

<body>
<a id="looklook" onClick="look('text','looklook')">?瑰?绘?ョ??璇??淇℃??</a>
<div id="text" class="dis">
浠婚?椋???锛?浠诲??涓?椋???锛?瀵?????澶?锛?杩???璁镐??堕?舵?f?g??璺?浜猴????归??????璺???锛???褰卞????寰?濂介?垮ソ?匡???缁?宸查?杩?锛?灏卞?????颁?浠???锛??d???宸变?涓?浜鸿蛋杩??????凤??㈠?归?澶???褰峰鲸锛??风缉?ㄨ??介????瀛ゅ??锛??㈠?逛汉蹇????锋贰锛????筹???杩?锛?????杩?锛?韬插????宸辩??涓?????<br>濂芥?充???瑙e????锛????伴??锛?涓?????涓?????????璇?锛???浠?浠?涔??跺??寮?濮???????朵??剁???充????逛???甯???娣℃贰??蹇т激?肩?革?瀹?瀹???????澶?绌猴?浠?澶???澶╋?娌℃????锛??e???涓???涓?????娉???锛?浠?澶?锛?娌$??瑙?锛?甯???娣℃贰??澶辫?斤??d?琚???寰????藉??锛??磋??捐捣涓??规?绗?锛?涓?姝ヤ?姝ラ??????宸辩??瀛ゅ???<br>??涓?????杩?涔辩??澶???????锛?蹇藉?峰??蹇界?????句互?ュ??????????
</div>

</body>


</html>