使用javascript解决字符串超长显示的问题

最新推荐文章于 2022-09-22 18:31:17 发布

杰仔仔哦

最新推荐文章于 2022-09-22 18:31:17 发布

阅读量697

点赞数

分类专栏： javascript 文章标签： javascript html ViewUI

本文链接：https://blog.csdn.net/ganchengjie/article/details/84698572

版权

javascript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

有时候做项目的时候会遇到，新闻之类的列表展示。可是呢，列表的格式长度有限制，客户要求我们不能太长，如果超出了只显示一部分，然后再后面加几个省略号。话不多说，看代码，自己也做记忆：

[html] view plaincopy

在CODE上查看代码片派生到我的代码片

这里的字符串其实不是我说的那么长但是为了演示需要所以我才整的那么长

<html>
<head>
</head>
<body>
<B style="color:blue"><span id="rowid_titleid">这里的字符串其实不是我说的那么长但是为了演示需要所以我才整的那么长</span></B>
</br>
<B style="color:red"><span id="rowid_new_titleid"></span></B>
</body>
</html>

<script language="javascript">
var rowidtitleid=document.getElementById("rowid_titleid");

if(rowidtitleid.innerHTML.length>20){ //判断span标签里面文字长度是否大于20
var ss=rowidtitleid.innerHTML.substr(0,19);
var rowidnewtitleid=document.getElementById("rowid_new_titleid");
rowidnewtitleid.innerHTML=ss+"...";
}
</script>

杰仔仔哦

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
使用javascript解决字符串超长显示的问题

有时候做项目的时候会遇到，新闻之类的列表展示。可是呢，列表的格式长度有限制，客户要求我们不能太长，如果超出了只显示一部分，然后再后面加几个省略号。话不多说，看代码，自己也做记忆：[html] view plaincopy在CODE上查看代码片派生到我的代码片这里的字符串其实不是我说的那么长但是为了演示需要所以我才整的那么长这里的字符串其实不是我...
复制链接

扫一扫