Quiero mostrar un mensaje de consola cuando se cambia un valor de un atributo de intervalo ( data-value ). El lapso no obtuvo ID, así que iteré cada clase. Pero cuando traté de ejecutar, siempre mostraba un error. Aquí está el HTML:
<span class="wpsl-selected-item" data-value="50"></span>
y aquí está el JS:
var target = document.querySelectorAll('.wpsl-selected-item'); for (var i = 0; i < target.length; i++) { create(target[i]); } var observer = new MutationObserver(function(mutations) { mutations.forEach(function(mutation) { console.log('heya') }); }); var config = { attributes: true, attributeFilter: ['data-value'] }; observer.observe(target[i], config); El mensaje de error es: Uncaught TypeError: MutationObserver.observe: Argument 1 is not an object. y estoy trabajando en firefox
Cualquier ayuda sería muy apreciada, ¡gracias!
¿Esto funciona para tí?
var target = document.querySelectorAll('.wpsl-selected-item'); if (target.length > 0) { var observer = new MutationObserver(function(mutations) { mutations.forEach(function(mutation) { console.log('heya') }); }); var config = { attributes: true, attributeFilter: ['data-value'] }; for(var i = 0; i < target.length; i++) { observer.observe(target[i], config); } }