有时候做项目的时候会遇到，新闻之类的列表展示。可是呢，列表的格式长度有限制，客户要求我们不能太长，如果超出了只显示一部分，然后再后面加几个省略号。
话不多说，看代码，自己也做记忆：
<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>
上面是代码，下面是实现效果。
版权声明：本文为ganchengjie原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。