Necesito obtener todos los contenidos html en el elemento span que contiene el nombre de la clase de prueba. Pero no puedo obtener este contenido si está dentro de la etiqueta p.
let content = document.querySelectorAll('span.test'); for (i = 0; i < content.length; i++) { alert("CONTENT: "+content[i].innerHTML); } <span class="test">normaltext1<span>spantext</span>normaltext2<div>divtext</div>normaltext3</span>Este código funciona, pero cuando agregué la etiqueta p al contenido (primero y último), este código no funcionó.
let content = document.querySelectorAll('span.test'); for (i = 0; i < content.length; i++) { alert("CONTENT: "+content[i].innerHTML); } <p><span class="test">normaltext1<span>spantext</span>normaltext2<div><div>divtext</div>normaltext3</span></p> El resultado es: CONTENT: normaltext1<span>spantext</span>normaltext2 El contenido que comienza con div no viene después de normaltext2
jsFiddle Enlace: https://jsfiddle.net/106gy4hs/
¿Cómo puedo hacer esto?