En un archivo javascript creo una variable
let containerCart = document.getElementsByClassName('contPRS');
y aparte tengo una función donde guardo en un objeto unos valores obtenidos del id de un elemento y luego creo otra variable y en esta luego de crear un elemento y poner unas líneas de html mediante el .innerHTML() como se describe posteriormente en el código
const row = document.createElement('div');
row.classList.add('product');
row.innerHTML =
`<div class="imagen">
<img src="${image}" alt="${name}">
</div>
<div class="info">
<h4 id="nombrePR">${name}</h4>
</div>
<div class="eliminar">
<i class="icon-trash-empty" data-cod="${cod}"></i>
</div>`;
intento agregar un appendChild a la variable containerCart y en la consola cuando ejecuto el script me envía un mensaje de TypeError: Cannot read properties of undefined (reading 'appendChild')
y en otra pág web me indica que una solución puede ser accediendo al containerCart en la posición 0 para poder utilizar el .appendChild
, es decir, containerBuyCart[0].appendChild(row);
; ya lo intenté y de igual manera me saltó el mismo TypeError mencionado. En otro apartado me dice que haga una condicional para validar que el valor sea un objeto y que contenga la propiedad appendChild antes de llamar al método, lo cuál me dejo sin comprender la solución que quiere mostrar porque a la variable que esta relacionada con el getElementsByClassName()
le da un valor de null para luego realizar la condicional.
el link de la página deonde encontre todo lo mencionado anteriormente es: https://bobbyhadz.com/blog/javascript-typeerror-appendchild-is-not-a-function#:~:text=The%20%22appendChild%20is%20not%20a,misspelling%20appendChild%20%2D%20it's%20case%20sensitive.
y la imagen de la última solución es:
Alguien me puede ayudar a comprender esta parte o si tienen otra solución para este tipo de errores que me puedan compartir, le agradezco de antemano