JavaScript控制显示隐藏

最新推荐文章于 2023-01-10 09:59:08 发布

flyqingfei

最新推荐文章于 2023-01-10 09:59:08 发布

阅读量598

点赞数

文章标签： JavaScript基础 JavaScript显示 JavaScript隐藏

本文链接：https://blog.csdn.net/flyqingfei/article/details/52300308

版权

<!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>

flyqingfei

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JavaScript控制显示隐藏

js显示隐藏层function look(targetid,objN){ var target=document.getElementById(targetid); var clicktext=document.getElementById(objN) if (target.style.display=="block"){
复制链接

扫一扫