Usei o JQ para fazer uma função de truncamento de texto, mas seria muito problemático implementar essa função para projetos que não usam o JQ. Aqui está uma função de truncamento de texto JS. Faça o upload diretamente do código.
HTML (para teste):
<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 Pecutação eu sou catapora eu sou catapora eu sou catapora eu sou catapora eu sou catapora eu sou catapora eu sou catapora eu sou catapora eu sou catapora eu sou catapagem eu sou catapagem eu sou pust eu sou px eu sou pum eu sou pox eu sou pun i sou eu sou eu pox eu pox eu pox eu sou pox pox pox pox eu sou eu sou eu sou eu sou eu pó i I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am Pecutação eu sou catapora eu sou catapora eu sou catapora eu sou catapora eu sou catapora eu sou catapora eu sou catapora eu sou catapora eu sou catapora eu sou catapagem eu sou catapagem eu sou pust eu sou px eu sou pum eu sou pox eu sou pun i sou eu sou eu pox eu pox eu pox eu sou pox pox pox pox eu sou eu sou eu sou eu sou eu pó i I am pox I am 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 Pecutação eu sou catapora eu sou catapora eu sou catapora eu sou catapora eu sou catapora eu sou catapora eu sou catapora eu sou catapora eu sou catapora eu sou catapagem eu sou catapagem eu sou pust eu sou px eu sou pum eu sou pox eu sou pun i sou eu sou eu pox eu pox eu pox eu sou pox pox pox pox eu sou eu sou eu sou eu sou eu pó i I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am Pecutação eu sou catapora eu sou catapora eu sou catapora eu sou catapora eu sou catapora eu sou catapora eu sou catapora eu sou catapora eu sou catapora eu sou catapagem eu sou catapagem eu sou pust eu sou px eu sou pum eu sou pox eu sou pun i sou eu sou eu pox eu pox eu pox eu sou pox pox pox pox eu sou eu sou eu sou eu sou eu pó i I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am 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 Pecutação eu sou catapora eu sou catapora eu sou catapora eu sou catapora eu sou catapora eu sou catapora eu sou catapora eu sou catapora eu sou catapora eu sou catapagem eu sou catapagem eu sou pust eu sou px eu sou pum eu sou pox eu sou pun i sou eu sou eu pox eu pox eu pox eu sou pox pox pox pox eu sou eu sou eu sou eu sou eu pó i I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am Pecutação eu sou catapora eu sou catapora eu sou catapora eu sou catapora eu sou catapora eu sou catapora eu sou catapora eu sou catapora eu sou catapora eu sou catapagem eu sou catapagem eu sou pust eu sou px eu sou pum eu sou pox eu sou pun i sou eu sou eu pox eu pox eu pox eu sou pox pox pox pox eu sou eu sou eu sou eu sou eu pó i I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am 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 sou eu sou catapora eu sou catapora eu sou catapora eu sou catapora eu sou catapora eu sou catapora eu sou catapora eu sou catapora eu sou catapagem eu sou cataz Pecutação eu sou catapora eu sou catapora eu sou catapora eu sou catapora eu sou catapora eu sou catapora eu sou catapora eu sou catapora eu sou catapora eu sou catapagem eu sou catapagem eu sou pust eu sou px eu sou pum eu sou pox eu sou pun i sou eu sou eu pox eu pox eu pox eu sou pox pox pox pox eu sou eu sou eu sou eu sou eu pó i I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am pox I am Velinha eu sou catapora eu sou catapora eu sou catapora eu sou catapora eu sou catapora eu sou catap
JS:
var limite = []; Var text = []; var pox = document.getElementsByTagName ('*'); for (var i = 0; i <pox.length; i ++) {if (varíola [i] .getAttribute ("limite")) {limite [i] = varejo [i] .getAttribute ("limite"); Texto [i] = varíola [i] .innerhtml; if (limite [i] <text [i] .Length) {varíola [i] .innerHtml = text [i] .Substring (0, limite [i])+"..."; }}}Aqui, use getElementsByTagName para obter toda a travessia do nó. Se (varíola [i] .getAttribute ("limite")) para filtrar os nós que contêm o limite de atributo personalizado, obtenha o valor do limite de atributo personalizado de cada nó, coloque -o na matriz limite, coloque cada texto no texto na matriz de texto, compare o valor que precisa ser truncado com o comprimento do texto e truncá -lo.
Todos os JS, auto-ajuste escrito aqui:
<script type = "text/javascript"> window.onload = function () {(function limite () {var limite [i] = POX [i] .getAttribute ("limite"); } </script>Imagem de reprodução:
O exposto acima é todo o conteúdo deste artigo. Espero que seja útil para o aprendizado de todos e espero que todos apoiem mais o wulin.com.