zoukankan      html  css  js  c++  java
  • 对于单文本或者div的内容怎么在显示东西过多的情况下实现显示隐藏

    js代码:

    $(function () {
    var o = document.getElementById("newsdetail_ArticleContent");
    Subt(o);
    });
    function Subt(obj) {
    var s = obj.innerHTML;
    var p = document.createElement("span");
    var n = document.createElement("a");
    p.innerHTML = s.substring(0, 1100);
    n.innerHTML = s.length > 1100 ? "查看更多" : "";
    n.href = "javascript:void(0);";
    n.className = 'c00aeff fs16';
    n.onclick = function () {
    if (n.innerHTML == "查看更多") {
    n.innerHTML="点击隐藏";
    p.innerHTML = s;
    } else {
    n.innerHTML = "查看更多";
    p.innerHTML = s.substring(0, 1100);
    }
    }
    obj.innerHTML = "";
    obj.appendChild(p);
    obj.appendChild(n);
    }

    html代码结构

    <div id="newsdetail_ArticleContent" class="c666666 lh30 pl30 pr30 pt20 pb20" style="font-family: '黑体';"><span><span><p style="text-indent:2em;">
    </span></span></div>

    这样就实现了js控制单文本内容过多的显示隐藏问题

  • 相关阅读:
    极验滑动验证码
    保利威视频播放
    Redis
    DRF 解析器和渲染器
    DRF 分页组件
    DRF 权限和频率
    Nginx反向代理
    Laravel使用反向migrate 和 iseed扩展导出表数据
    psr规范发展历程
    supervisor
  • 原文地址:https://www.cnblogs.com/boosasliulin/p/7048963.html
Copyright © 2011-2022 走看看