Skip to main content
1 de 2

Anadir texto a carrusel con js

Tengo un carrusel corrusel introducir la descripción de la imagen aquí

quiero, he programado el siguiente js para obtener su valor y luego añadirlos de bajo de la imagen con una etiqueta <p></p>

let items = document.querySelector('.portfolop-lodging ');



for(i = 0; i < items.childElementCount; i++){
   item =items.childNodes[i];
   title = item.querySelector('.slick-track .widget-title a').text;
   subTitle = item.querySelector('.slick-track .entry-tags ul li a').text;
   content = item.querySelector('.work-cover');

  p1 = document.createElement('p');
  p2 = document.createElement('p');

  t = document.createTextNode(title);
  b = document.createTextNode(subTitle);

  p1.appendChild(t);
  p2.appendChild(b);
  content.appendChild(p1);
  content.appendChild(p2);

}

al colocarlo directamente desde la consola del navegador funciona, pero luego a cargarlo desde el archivo me nuestra el siguiente error

Uncaught TypeError: Cannot read property 'childElementCount' of null