I used jq to do a text truncation function, but it would be too troublesome to implement this function for projects that do not use jq. Here is a js text truncation function. Directly upload the code.
HTML (for testing):
<div>I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am po >I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am >I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am >I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am
JS:
var limit=[]; var Text=[]; var Pox=document.getElementsByTagName('*'); for(var i=0;i<Pox.length;i++){ if(Pox[i].getAttribute("limit")){ limit[i]=Pox[i].getAttribute("limit"); Text[i]=Pox[i].innerHTML; if(limit[i]<Text[i].length){ Pox[i].innerHTML=Text[i].substring(0,limit[i])+"..."; } } }Here, use getElementsByTagName to get all node traversal. If (Pox[i].getAttribute("limit")) to filter the nodes containing the custom attribute limit, then obtain the value of the custom attribute limit of each node, put it into the limit array, put each node text into the Text array, compare the value that needs to be truncated with the text length, and truncate it.
All JS, self-tuning written here:
<script type="text/javascript"> window.onload=function(){ (function limit(){ var limit=[]; var Text=[]; var Pox=document.getElementsByTagName('*'); for(var i=0;i<Pox.length;i++){ if(Pox[i].getAttribute("limit")){ limit[i]=Pox[i].getAttribute("limit"); Text[i]=Pox[i].innerHTML; if(limit[i]<Text[i].length){ Pox[i].innerHTML=Text[i].substring(0,limit[i])+"..."; } } } } } } } }()); }</script>Reproduction image:
The above is all the content of this article. I hope it will be helpful to everyone's learning and I hope everyone will support Wulin.com more.