1、用js实现这样的功能纯粹就是浪费性能，不划算，最好用css来实现；
2、用css设置超出省略非常简单
.text{
width: 300px
overflow: hidden
white-space: nowrap
text-overflow: ellipsis
}
3、如果你实在想用js来实现这样的效果，那么，有两种方法：
先获取dom的宽度，判断宽度是不是大于预设的宽度，如果大于，就删掉最后的几个字，然后继续判断；
获取dom的宽度，如果宽度大于预设值，就用js改变dom的css样式。
<body><textarea id="txt">01234567890123456789</textarea>
</body>
<script>
var txtNum= $("#txt").val()
var htmlStr=""
if(txtNum.length >10){ //20个字符 字符长度大于等于10
htmlStr =txtNum.substring(0,txtNum.length-10)//截取掉最后10个字符
}
alert(htmlStr+"...")
</script>
