Implementazione della funzione di tagliatura del testo in JavaScript

In precedenza ho fatto una funzione di troncamento del testo con jq, ma per i progetti che non utilizzano jq, implementare questa funzione richiede di includere jq, il che sembra molto complicato. Ecco una funzione di troncamento del testo in js. Metto direttamente il codice.　

HTML (testuale):　

<div>Io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox</div>
<div limit="10">Io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox</div>
<div limit="5">Io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox</div>
<div limit="2">Io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox</div>
<div>Io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox</div>
<div limit="20">Io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox</div>
<div limit="100">Io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox</div>
<div>Io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox, io sono pox</div> 

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]) + "...";
      }
     }
    } 

Ecco come utilizzare getElementsByTagName per ottenere tutti i nodi e iterarli, se Pox[i].getAttribute("limit") è presente,筛选节点包含自定义属性limit，然后获取各个节点自定义属性limit的值，将其放入limit数组中，将各个节点文字放入Text数组中，将需要截断的值和文本长度作比较，进行截断。　

Tutti i JS, qui scritti autoinvocabili:

<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> 

Esempio di effetto:

Questo è tutto il contenuto dell'articolo, speriamo che sia utile per il tuo studio e che tu supporti fortemente il tutorial Yell.

Dichiarazione: il contenuto di questo articolo è stato tratto da Internet, di proprietà dei rispettivi autori. Il contenuto è stato contribuito volontariamente dagli utenti di Internet e caricato autonomamente. Questo sito non detiene i diritti di proprietà, non ha eseguito alcuna elaborazione manuale e non assume alcuna responsabilità legale correlata. Se trovi contenuti sospetti di violazione del copyright, invia una email a: notice#oldtoolbag.com (al momento dell'invio dell'email, sostituisci # con @) per segnalare il problema e fornire prove pertinenti. Una volta verificata la sospetta violazione, il sito eliminerà immediatamente il contenuto sospetto.