Question

tengo un problema, quiero cambiar masivamente el contenido de algunos elementos en particular quiero recuperar el texto de mis parrafos, he probado con todos los metodos pero ninguno funciona, la consola retorna valor undefined.

   <div class="items">
     <img src="dessert.jpg" alt="">
      <p>texto descriptivo</p>
   </div>

   <div class="items">
     <img src="dessert.jpg" alt="">
       <p>texto descriptivo</p>
   </div>

he probado el siguiente codigo en la consola de mi navegador

var p = document.getElementsbyTagname('p');
var contenido = p.innerHTML;
p.innerHTML = contenido ;

Answer 1

Hola.

Para empezar, la función se llama exactamente getElementsByTagName, si no respetas las mayúsculas y minúsculas te dará error.

Y lo que te devuelve esta función es un array de objetos HTMLCollection, por lo que no tiene ningún campo innerHTML, claro, si no que tienes que recorrer cada elemento, que sí que tendrá ese campo:

var p = document.getElementsByTagName('p');

for(var i=0; i<p.length; i++) {
   var elemento = p[i];
   elemento.innerHTML = 'test';
}

Esto cambiaría todo el contenido de tus <p> por 'test'.