JS实现显示部分文字点击显示全部

最新推荐文章于 2022-03-26 23:03:43 发布

笑_tp笑

最新推荐文章于 2022-03-26 23:03:43 发布

阅读量1.3w

点赞数 2

本文链接：https://blog.csdn.net/kfttdawv/article/details/48494969

版权

这是一个使用JavaScript实现的示例，展示如何通过点击按钮来显示或隐藏页面上超出限制高度的文字内容。点击‘展开’按钮，隐藏的内容将显示出来；点击‘关闭’按钮，内容将恢复为原来的隐藏状态。

摘要由CSDN通过智能技术生成

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>js显示隐藏层</title>

</head>

<body>
<div id="a" style="height:100px;width:200px;overflow-y:hidden;">
测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语