Ich habe JQ verwendet, um eine Textkürzungsfunktion auszuführen, aber es wäre zu problematisch, diese Funktion für Projekte zu implementieren, die JQ nicht verwenden. Hier ist eine JS -Textkürzungsfunktion. Laden Sie den Code direkt hoch.
HTML (zum Testen):
<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 pocken ich bin pocken ich bin pocken ich bin pocken ich bin pocken ich bin pocken ich bin pocken ich bin pocken ich bin pocken ich bin pocken ich bin ich bin
JS:
var limit = []; var text = []; var pox = document.getElementsByTagName ('*'); für (var i = 0; i <pox.length; i ++) {if (pox [i] .getAttribute ("limit") {limit [i] = pox [i] .getAttribute ("limit"); Text [i] = pocken [i] .innerhtml; if (limit [i] <text [i] .Length) {pox [i] .innerhtml = text [i] .substring (0, limit [i])+"..."; }}}Verwenden Sie hier GetElementsByTagName, um den gesamten Knoten zu durchqueren. Wenn (pox [i] .GetAttribute ("limit") die Knoten mit der benutzerdefinierten Attributgrenze filtern, erhalten Sie den Wert der benutzerdefinierten Attributgrenze eines jeden Knotens, geben Sie ihn in das Grenz -Array ein, geben Sie jeden Knotentext in das Text -Array ein, vergleichen Sie den Wert, der mit der Textlänge verkürzt werden muss, und trunken Sie es.
Alle JS, hier geschrieben: hier geschrieben:
<script type = "text/javaScript"> window.onload = function () {(function Limit () {var limit = []; var text = []; var pox = document.getElementsByTagName ('*'); für (var i = 0; i <pox.length; i ++) {if (pox [i]. limit [i] = pox [i] .Getattribute ("limit"); } </script>Reproduktionsbild:
Das obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, es wird für das Lernen aller hilfreich sein und ich hoffe, jeder wird Wulin.com mehr unterstützen.