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">
任风飞扬,任发丝飞舞,寂静的夜,还有许些零零散散的路人,霓虹闪烁的路灯,把影子拉得好长好长,思绪已飞远,就像回到了从前,那些自己一个人走过的坎坷,面对黑夜的彷徨,蜷缩在角落里的孤单,面对人心的冷淡,只想,逃远,再逃远,躲回自己的世界。<br>好想一醉解千愁,看到酒,不再是一而再的排诉,是从什么时候开始的呢,时不时的想一醉方休。带着淡淡的忧伤眼眸,安宁的看着夜空,今夜的天,没星星,那如同一闪一闪的泪光,今夜,没看见;带着淡淡的失落,那不被懂得的落寞,嘴角勾起一抹浅笑,一步一步退回自己的孤岛。<br>剪不断理还乱的复杂情感,忽冷又忽热的难以接受的怠慢。
</div>

</body>


</html>
原文地址:https://www.cnblogs.com/flyqingfei/p/5802375.html