He incluido algo de contenido textual en un elemento div. Quiero acceder a nodos individuales en forma de cadenas. Algunos nodos están etiquetados en negrita, por lo que el resto de nodos que se forman en el texto no están etiquetados. Estoy tratando de acceder a todos los nodos individuales así formados usando nodeList, o a través de un bucle indexado simple usando la propiedad childNode. Incluso he usado document.queryselectorAll(), pero nada parece funcionar. El siguiente es el fragmento de código:
<!DOCTYPE html> <html> <body> <div id="mydiv" class="myDiv" contenteditable="true">This <b>life</b> is my choice, <b>anyway</b> I know how to lead a good one!!!</div> </body> <script> let myString =''; for(let i=0; i<mydiv.childNodes.length;i++){ myString = mydiv.childNodes[i]+mydiv.childNodes[i+1]+mydiv.childNodes[i+2] } console.log(myString) </script> </html>Recibo esto en la consola: [texto del objeto][elemento HTML del objeto][texto del objeto]