Soy bastante nuevo en la programación. Estoy usando un observador de mutaciones para observar los cambios en un elemento. a continuación se muestra lo que obtengo en mi consola después de observar un elemento <ul> .

 <li class="rt__body-row full flex gc-07"> <span class="rt__row-left short">50,660.50</span> <span class="rt__row-center">0.001</span> <span class="rt__row-right">14:18:19</span> </li>

y

 <li class="rt__body-row full flex gc-07 rt__body-row--odd"> <span class="rt__row-left short">50,660.50</span> <span class="icon iconfont icon-arrow"></span> <span class="rt__row-center">0.002</span> <span class="rt__row-right">14:18:19</span> </li>

como puede ver, me da dos <li> s diferentes y necesito manipular los intervalos en función de la clase <li> . a continuación está mi código JS:

 function obser1() { const trades = document.querySelector('.scrollbar-dark'); const observer = new MutationObserver(function (mutations) { mutations.forEach(function (mutation) { if (mutation.addedNodes.length) { const vals = [...mutation.addedNodes[0].querySelectorAll("span")].map(span => span.textContent); console.log(mutation.addedNodes[0]); console.log(vals); } }) }); console.log("obs1"); observer.observe(trades, { childList: true, subtree: true, attributes: true, characterData: true }) console.log("observed"); } window.setTimeout(obser1, 1700);

He probado lo siguiente:

 var lines = [...mutation.addedNodes[0].querySelectorAll("li")]; if (lines.classList.contains("rt__body-row--odd")){ console.log("odd"); }

pero no funciona.