I have included some textual content in a div element. I want to access individual nodes out of it in the form of strings. Some nodes are tagged in bold, and therefore the rest of nodes that are formed in the text are non-tagged. I am trying to access all the individual nodes thus formed using nodeList, or through a simple indexed loop using childNode property. I have even used document.queryselectorAll(), but nothing seems to work.Following is the code snippet:
<!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>
I'm getting this at the console: [object Text][object HTMLElement][object Text]