JavaScript How to get the text from a div which has children in it text from which country,text message which,which text from

It's not very clean way, but try something like this :

//get all div's with Bio css class (You can change it)
var Class = document.querySelectorAll('.Bio');
var sp=document.getElementById('res');
var arr=[]; //I put result into array so You can use it where You need
for (var i=0; i < Class.length; i++) {
   for(var x=0;x<Class[i].childNodes.length;x++) {
     if(Class[i].childNodes[x].nodeValue==null) {
        //get value, innerHTML, from <b>
   			//res.innerHTML+=Class[i].childNodes[x].innerHTML+'<br>';
        arr.push(Class[i].childNodes[x].innerHTML);
        } else {
        //get div innerHTML (before,after every child node
        //res.innerHTML+=Class[i].childNodes[x].nodeValue+'<br>';
        arr.push(Class[i].childNodes[x].nodeValue);
        }
   }
}
//show result into that span
for(var i=0;i<arr.length;i++) {
res.innerHTML+=arr[i]+'<br>';
}

<div class="Bio">
My name is <b>John Doe</b> and I am coming from Texas
</div>

<div class="Bio">
My name is <b>Jean Frye</b> and I am coming from Alabama
</div>
<br><br>
<!-- I use this span to show result -->
<span id="res"></span>

Answer:1

var Class = document.querySelectorAll('div');

for (var i=0; i < Class.length; i++){
   var children = [];
   var boldText = Class[i].querySelectorAll('b')[0].innerText;
   var otherText = Class[i].innerText.split(Class[i].querySelectorAll('b')[0].innerText)

   children.push(otherText[0]);
   children.push(boldText);
   children.push(otherText[1]);

   console.log(children);
}

Output :-

["My name is ", "John Doe", " and I am coming from Texas"]

["My name is ", "Jean Frye", " and I am coming from Alabama"]

This might do the trick.

Answer:2

dynamic generation of text field and the corresponding label based on the drop down selection

If the user selects drop down,flight no, only one text field and the corresponding label should come in. If the user selects drop down, all, many text fields should be generated such as for getting ...

jQuery scroll not working properly [duplicate]

In my html page ther is one load-more class.<p class="load-more">Load more</p>. When user scroll down to this div i need to execute a function . For example i need to alert "Hi". For this ...

jquery scroll not working
jquery scroll not working on mobile
jquery scroll not working in chrome
jquery scroll doesn't work
jquery scroll event not working
jquery scroll function not working
jquery scrolltop not working
jquery scroll animate not working
jquery window scroll not working
jquery sortable scroll not working
jquery scroll to element not working
jquery window scroll not working in mobile
jquery smooth scroll not working

Select folder instead of single file - input

I want the input type to be folder and not a single file. How can I select a folder instead of just a single file. Also how can I then access each file in that selected folder. I tried this to select ...

Delete all selected objects with Fabric.js

I'm using Fabric.js and while I can remove single objects (with "Trash" button) but would like to be able to remove any selected objects. Currently when I select more than one object nothing is ...

delete selected objects django
delete selected objects
qgis delete selected objects
failed to delete selected objects arccatalog
how to delete selected objects in excel
blender python delete selected objects
excel delete all selected objects
fabric js delete selected objects