宝哥软件园

js实现文本截断功能

编辑:宝哥软件园 来源:互联网 时间:2021-09-07

之前我们用jq做了一个文本截断函数,但是对于不使用jq实现这个函数的项目来说太麻烦了。这是一个js文本截断函数。直接编码。

HTML(用于测试):

Div我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘/Divdiv极限='10 '我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘/Divdiv limit='5 '我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘/Divdiv limit='2 '我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘Divdiv我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘/Divdiv限制='20 '我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘/Divdiv限制='100 '我Divdiv我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘我是痘/div JS:

var限制=[];var Text=[];var Pox=document . getelementsbytagname(' * ');for(var I=0;iPox.lengthi ){ if(Pox[i]。getAttribute(' limit '){ limit[I]=Pox[I]。getAttribute(' limit ');文字[i]=Pox[i]。innerHTML如果(限制[i]文本[I]。长度){ Pox[i]。innerHTML=Text[i]。子字符串(0,限制[i])“.”;}}}这里,getElementsByTagName用于获取所有节点的遍历,if(Pox[i]。getAttribute('limit ')过滤具有自定义属性限制的节点,然后获取每个节点的自定义属性限制的值,将其放入限制数组中,将每个节点的Text放入文本数组中,将要截断的值与文本长度进行比较,并将其截断。

所有JS,自调优写在这里:

脚本类型=' text/JavaScript ' window . onload=function(){(function limit(){ var limit=[];var Text=[];var Pox=document . getelementsbytagname(' * ');for(var I=0;iPox.lengthi ){ if(Pox[i]。getAttribute(' limit '){ limit[I]=Pox[I]。getAttribute(' limit ');文字[i]=Pox[i]。innerHTML如果(限制[i]文本[I]。长度){ Pox[i]。innerHTML=Text[i]。子字符串(0,限制[i])“.”;} } } }());}/脚本渲染:

以上就是本文的全部内容。希望对大家的学习有帮助,支持我们。

更多资讯
游戏推荐
更多+