超出文本省略在IE上无效果,js封装兼容

最新推荐文章于 2021-11-01 17:29:32 发布

系咩

最新推荐文章于 2021-11-01 17:29:32 发布

阅读量361

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_39650528/article/details/78272899

本文介绍了一种使用JavaScript实现的文本截断方法，该方法可在文本超过指定长度时自动添加省略号。适用于网页中新闻或文章预览的摘要显示。

//为兼容其他浏览器，则需要js解决，以下为封装的方法。
function wordlimit(cname,wordlength){
    var cname = $(".xinwen_cp");//需要加省略符号的元素对象
    for(var i=0;i<cname.length;i++){　　　　　　　　　　　
       var nowhtml=cname[i].innerHTML;//元素的内容
        var nowlength=cname[i].innerHTML.length;//元素文本的长度
        if(nowlength>wordlength){
            cname[i].innerHTML=nowhtml.substr(0,wordlength)+'...';//截取元素的文本的长度并加上省略号
        }
    }
}
wordlimit("xinwen_cp",110);//调用方法