0
192
Vistas¿Cómo usar .contains en la mutación childList?
Estoy usando MutationObserver y quiero verificar un selector de clase en target.className pero recibo un error
Cannot read properties of undefined (reading 'contains') así que miré el prototipo de classList y tiene el método .contains e hice lo siguiente target.classList.prototype.contains("OverlayWrapper") y sigo teniendo el mismo error.
No entiendo por qué recibo este error cuando intento verificar si hay un className parcial.
Editar: he agregado una instantánea de la consola 
Editar: He hecho un ejemplo para el código, es lo mínimo donde estoy buscando una clase que contenga popUp__wrapper que se agrega al DOM. (habrá un error en la consola cuando presionemos el botón abrir) jsfiddle
1 Respuestas
Responde la pregunta0
Problemas
mutation.addedNodeses unanodeListde nodos (colección de nodos). Entonces, obviamenteclassListno existe en él.Su clase
popUp__wrappertiene el sufijo anscxdxcfd. No hay clase con el nombre exactopopUp__wrapper.
Solución
let wrapperEl = Array.from(mutation.addedNodes) // convert NodeList to array .filter(n => n.nodeType != Node.TEXT_NODE) // remove text nodes .find(n => n.matches('[class*=popUp__wrapper]')) // search for class Si necesita verificar popUp__wrapper disponible dentro del nodo, use querySelector en lugar de matches
Manifestación
https://jsfiddle.net/aswinkumar863/qjeafxd8/20/
Referencias
https://developer.mozilla.org/en-US/docs/Web/API/Element/matches