Let's say I have the following html:

<div class="targetDiv">
    Target text
    <div class="junkDiv">
          Text I don't want
    </div

</div>

I know I can find divs like these and extract all of the text recursively by doing document.getElementsByClassName("thread")[x].innerText (where x is the index of the div I want to extract from). This will give me "Target textText I don't want".

My question is how do I extract "Target text" without extracting "text I don't want"?

Let's say I have the following html:

<div class="targetDiv">
    Target text
    <div class="junkDiv">
          Text I don't want
    </div

</div>

I know I can find divs like these and extract all of the text recursively by doing document.getElementsByClassName("thread")[x].innerText (where x is the index of the div I want to extract from). This will give me "Target textText I don't want".

My question is how do I extract "Target text" without extracting "text I don't want"?

• javascript

• get the innerhtml , then trim out the <div>....</div> section , just a suggestion – Arun Prasad E S Commented Jul 19, 2016 at 9:02

6 Answers 6

Use the childNodes property. In your case, childNodes[0] will contain the text element. Use textContent to get the value of the text element:

document.getElementsByClassName('targetDiv')[0].childNodes[0].textContent;

document.getElementsByClassName('targetDiv')[0].childNodes[0].textContent

See below code :

$(document).ready(function(){
  alert($(".targetDiv")
    .clone()
    .children()
    .remove()
    .end()
    .text());
  });

<script src="https://ajax.googleapis./ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="targetDiv">
    Target text
    <div class="junkDiv">
          Text I don't want
    </div>

</div>

You can refer this link1, link2

$("#foo")
.clone()    //clone the element
.children() //select all the children
.remove()   //remove all the children
.end()  //again go back to selected element
.text();

You can replace Target text by

And call getElementById("MyText") in your code

Try document.getElementsByClassName("targetDiv")[x].textContent