JS implementa la función de truncamiento de texto

Usé JQ para hacer una función de truncamiento de texto, pero sería demasiado problemático implementar esta función para proyectos que no usan JQ. Aquí hay una función de truncamiento de texto JS. Cargue directamente el código.

HTML (para pruebas):

 <Div> I'm pox I soy pox i soy pox i soy pox i soy pox i soy pox i soy pox i soy yo soy pox i soy pox soy POX I IM POX I IM IM IM POX I IM POX I IM IM IM IM POX I I IM IM IM IM I'm pox i soy pox i soy pox i soy pox soy pox soy pox I IM POX I IM IM POX I Am POX I IM POX I IM IM IM POX I IM POX I IM IM IM IM POX I I IM IM IM IM I'm pox i soy pox i soy pox i soy pox i soy pox soy pox I IM POX I IM IM POX I AM I AM I A Am POX I IM POX I IM IM IM POX I IM POX I IM IM IM IM POX I I IM IM IM IM I'm pox i soy pox i soy pox i soy pox soy pox soy pox I IM POX I IM IM POX I Am POX I IM POX I IM IM IM POX I IM POX I IM IM IM IM POX I I IM IM IM IM I'm pox i soy pox i soy pox i soy pox i soy pox soy pox i pox i soy pox i am am i am i am> i am i am i soy soy soy pox POX I IM POX I IM IM IM POX I IM POX I IM IM IM IM POX I I IM IM IM IM I'm pox i soy pox i soy pox i soy pox soy pox soy pox I IM POX I IM IM POX I Am POX I IM POX I IM IM IM POX I IM POX I IM IM IM IM POX I I IM IM IM IM I'm pox i soy pox i soy pox i soy pox soy pox soy pox I IM POX I IM IM POX I Am > Soy pox i soy pox i soy pox i soy pox i soy pox soy pox i soy pox i soy yo am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am POX I IM POX I IM IM IM POX I IM POX I IM IM IM IM POX I I IM IM IM IM I'm pox i soy pox i soy pox i soy pox soy pox soy pox I IM POX I IM IM POX I Am POX I IM POX I IM POX I AM IM

JS:

 Var límite = []; 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"); Texto [i] = Pox [i] .innerhtml; if (límite [i] <text [i] .length) {POX [i] .innerhtml = text [i] .substring (0, límite [i])+"..."; }}}

Aquí, use GetElementsBytagName para obtener todo el recorrido de nodo. If (pox [i] .getAttribute ("límite")) Para filtrar los nodos que contienen el límite de atributo personalizado, luego obtenga el valor del límite de atributo personalizado de cada nodo, colóquelo en la matriz de límite, coloque cada texto del nodo en la matriz de texto, compare el valor que debe truncarse con la longitud del texto y truncarlo.

Todos js, autoengustaciones escritas aquí:

 <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] .getattribe ("limit") {) {) límite [i] = pox [i] .getAttribute ("Limit"); } </script>

Imagen de reproducción:

Lo anterior es todo el contenido de este artículo. Espero que sea útil para el aprendizaje de todos y espero que todos apoyen más a Wulin.com.