js实现段落展开和收起

最新推荐文章于 2024-05-08 14:14:24 发布

七七Cqq

最新推荐文章于 2024-05-08 14:14:24 发布

阅读量696

点赞数

分类专栏： js基础文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/m0_67869050/article/details/128649822

版权

利用显示字符个数来实现

在这里插入图片描述对此段落实现展示前100字，剩下的内容收起。

获取该元素的 id 并得到段落全部内容
创建标签，并把 id 里面的前100字放进去
创建标签,设为展开收起，点击实现效果
设置 id 内容为空，把标签和插入进 id

<head>
    <meta charset="UTF-8" />
    <title>段落展开和收起</title>
    <style>
        .box {
   
            margin: 0 auto;
            width: 400px;
            height: 300px;
            border: 1px solid cadetblue;
            background-color: #efefef;
            border-radius: 10px;
            font