Tengo una cadena que se parece a la siguiente. Me gustaría una función en Javascript que tomaría una cadena como un parámetro y una cantidad de caracteres reales (por ejemplo, 20) y devolvería el HTML final con los caracteres limitados.
<div> <p>This is line 1</p> <p>This is the second line</p> </div>Entonces, para lo anterior, debería devolver:
<div> <p>This is line 1</p> <p>This i</p> </div>Entiendo que esto puede ser demasiado complicado de hacer, pero básicamente quiero tomar una cadena HTML y, en última instancia, representarla con un límite específico de caracteres. Si hay alguna otra manera que también sería bueno. ¡Gracias!
Puedes hacerlo con la función .substring()
const numOfChars = 5 - 1; // Five is the Input you get const pElem = document.querySelectorAll('p'); pElem[1].innerText = pElem[0].innerText.substring(0,numOfChars); <div> <p>This is line 1</p> <p>This is the second line</p> </div>Asegúrese de restar 1 de la cantidad de caracteres deseados, porque la Función de subcadena comienza a contar en 0