Para que la variable texto
almacene el tamaño, has crear una variable (elementos
por ejemplo) que recoja el array que devuelve la funcion getElementsByTagName("p")
Despues inicializas textos
como un array con numero de elementos igual al numero de elementos obtenidos.
Despues iteras como hacías, pero no puedes hacer un .lenght
directamente sino que tienes que acceder a la propiedad innerHTML
que recoge el texto entre las etiquetas <p>
y </p>
Dentro del if
donde compruebas si es >12
has de poner el elementos[i].innerHTML
en la parte izq de la asignación para cambiar su contenido. (aunque no entiendo por qué la comprobación pones 12
y en el substring
pones 10
)
<script>
var elementos= document.getElementsByTagName("p");
var textos = new Array (elementos.length);
for(var i=0;i<elementos.length;i++){
console.log(elementos[i].innerHTML.length+ "");
textos[i] = elementos[i].innerHTML.length;
if(elementos[i].innerHTML.length > 12) {
elementos[i].innerHTML = elementos[i].innerHTML.substring(0,10)+"...";
}
}
</script>
var elementos= document.getElementsByTagName("p");
var textos = new Array (elementos.length);
for(var i=0;i<elementos.length;i++){
console.log(elementos[i].innerHTML.length+ "");
textos[i] = elementos[i].innerHTML.length;
if(elementos[i].innerHTML.length > 12) {
elementos[i].innerHTML = elementos[i].innerHTML.substring(0,10)+"...";
}
}
<p>Probando la funcion javascript</p>
<p>Probando la funcion javascript con distintas longitudes</p>
<p>Probando javascript</p>
<p>Probando la funcion</p>
<p>Probando la funcion javascript otra vez</p>
Respecto a donde ponerlo, puedes meter esto en una funcion que se llame en el evento onLoad
text
no la estás inicializando .. quieres un:var text = document.getElementsByTagName("p")
?text
no es un nombre muy correcto. Pero la cosa es que la funciongetElementsByTagName("p")
devuelve un array con los elementos cuya etiqueta sea esa. pero tienes que seleccionar qué quieres... el texto dentro de<p>
se obtiene coninnerHTML