Tal vez alguien sepa cómo hacer que el texto o los números dentro de una celda de tabla cambien dinámicamente. ¿Y si el número o el texto no cabe en la celda, se cortó por la mitad con puntos suspensivos, y las letras o números que se encuentran en ese extremo se ocultaron o aparecieron por completo al cambiar el tamaño?
OA210815LXRR1I OA210...LXRR1I OA2...RR1I
Me gustaría crear algo como esto: js fiddle
pero no sé cómo solucionar el problema de recorte de letras cuando cambia el tamaño
Intenta hacer esto:
var MaxLen = 10; var limiLen = 5; var text = document.getElementById("text-test"); if (text.innerHTML.trim().length > MaxLen) { var newTest = text.innerHTML.trim().substr(0, limiLen) + "..." + text.innerHTML .trim() .substr(text.innerHTML.trim().length - limiLen, limiLen); text.innerHTML = newTest; } <html> <head> <title> Response </title> <meta charset="UTF-8" /> </head> <body> <div> <p id="text-test"> ABCDEFGHIJKLMNOPQRSTUVWXYZ </p> <div> <script src="index.js"> </script> </body> </html>