Necesito ver el contenido de un div en mi página de "tienda" que es la cantidad de artículos agregados a un carrito. El contenido de este div se completa con javascript de terceros y solo en una página de mi sitio.
Necesito tomar este valor cuando el script de terceros lo actualice y colocarlo en otra parte de mi html, en un componente separado, que existe en cada página. (Actualmente, el carrito solo se muestra en la página de la tienda, pero quiero que se muestre en el encabezado).
¿Cuál es el mejor enfoque para hacer esto?
Creo que necesitaré hacer una llamada ajax a la página 'comprar' y verificar el HTML interno del div de conteo de artículos del carrito, luego completar ese valor. Esto me permite extraerlo inicialmente, pero aún tendría que ver ese valor a medida que las personas agregan artículos al carrito (solo desde la página de la tienda).
Gracias por señalarme en la dirección correcta.
Necesito ver el contenido de un div en mi página de "tienda" que es la cantidad de artículos agregados a un carrito. El contenido de este div se completa con javascript de terceros y solo en una página de mi sitio.
Esta es una pregunta general de JavaScript: React lo ayudará a completar divs a partir de datos, pero no lo ayudará a ver divs creados por JS de terceros. Eliminé la etiqueta 'reaccionar' de su pregunta.
Para ver un div, use MutationObserver . Desde MDN:
// Select the node that will be observed for mutations const targetNode = document.getElementById('some-id'); // Options for the observer (which mutations to observe) const config = { attributes: true, childList: true, subtree: true }; // Callback function to execute when mutations are observed const callback = function(mutationsList, observer) { // Use traditional 'for loops' for IE 11 for(const mutation of mutationsList) { if (mutation.type === 'childList') { console.log('A child node has been added or removed.'); } else if (mutation.type === 'attributes') { console.log('The ' + mutation.attributeName + ' attribute was modified.'); } } }; // Create an observer instance linked to the callback function const observer = new MutationObserver(callback); // Start observing the target node for configured mutations observer.observe(targetNode, config); // Later, you can stop observing observer.disconnect();