欢迎来到HELLO素材网! 南京网站制作选择顺炫科技
丰富的DIV CSS模版、JS,jQuery特效免费提供下载
当前位置:主页 > 建站教程 > JS教程 >

JavaScript实现文本过长自动省略

发表于2014-06-13 10:16| 次阅读| 来源整理| 作者管理员

摘要:当文本过长的时候就将过长的部分替换为省略号“...”。 这个问题思路只要检查字符串的长度就可以了,如果长度超过指定的数字,那么就将超长的部分替换为“...”。 换成JavaScript的

当文本过长的时候就将过长的部分替换为省略号“...”。

这个问题思路只要检查字符串的长度就可以了,如果长度超过指定的数字,那么就将超长的部分替换为“...”。

换成JavaScript的代码如下:

<script type="text/javascript">
function check(node){
	var str = node.firstChild.nodeValue;
	if(str.length>10){
		node.firstChild.nodeValue = str.substring(0,10) + "...";
	}
}
</script>

我的字符长度如果超过10个就会被截掉

点击上面的段落就可以执行这个函数,可以看到除了前十个字符之外都会被删除,尾部会插入一个“...”。

演示



运行代码保存代码提示:您可以先修改部分代码再运行