Estoy tratando de obtener valores de una tabla y recibí este error Uncaught TypeError: No se pueden leer las propiedades de undefined (leyendo 'textContent') ¿alguien puede ayudarme a resolverlo?
js
const cards = document.getElementById('cards') const templateCarrito = document.getElementById('template-carrito').content const fragment = document.createDocumentFragment() let carrito = {} cards.addEventListener('click', e => { addCarrito(e) }) const pintarCards = toolList => { toolList.forEach(producto => { templateCard.querySelectorAll('td')[0].textContent = producto.tbl_herramienta_ID templateCard.querySelectorAll('td')[1].textContent = producto.tbl_herramienta_NOMBRE templateCard.querySelectorAll('td')[2].textContent = producto.tbl_herramienta_DESCRIPCION templateCard.querySelector('.btn-success').dataset.id = producto.tbl_herramienta_ID const clone = templateCard.cloneNode(true) fragment.appendChild(clone) }) cards.appendChild(fragment) } // agregar al arrito const addCarrito = e => { if (e.target.classList.contains('btn-success')) { console.log(e.target.dataset.id) setCarrito(e.target.parentElement) } e.stopPropagation() } const setCarrito = objeto => { const producto = { id: objeto.querySelector('.btn-success').dataset.id, nombre: objeto.querySelectorAll('td')[1].textContent, descripcion: objeto.querySelectorAll('td')[2].textContent, cantidad: 1 } console.log(producto) } me sale error en nombre: objeto.querySelectorAll('td')[1].textContent, descripcion: objeto.querySelectorAll('td')[2].textContent,
templateCard.querySelectorAll('td') no parece brindarle tantos resultados como espera, por lo tanto, la llamada a .textContent falla (uno de los tres elementos parece ser null ). Puede intentar registrar los resultados de ese selector para ver cuáles son los elementos resultantes.