Get Value of text inside label Javascript

Question

I looked around for an answer to this but have been unsuccessful so far. What I have is a div containing radio buttons with titles

<div>
  <label title_id="1" function="update_answer_title" class="pure-radio" for="option-1">
      <input type="radio" name="1" value="1" id="option-1">
      Talking on the phone or sending a text message.
 </label>
 <label title_id="2" function="update_answer_title" class="pure-radio" for="option-2">
      <input type="radio" name="1" value="2" id="option-2">
      Having your keys held in your hand, ready to unlock car and/or provide defense.
 </label>
</div>

Now what I am trying to do is get the text inside a label when that label is clicked. Not the html of the radio button. So inside my onclick listener I am What I have tried so far is:

     evt.target.childNodes[1].valueOf().innerText
     evt.target.childNodes[1].toString()
     JSON.stringify(evt.target.childNodes[1])

And a bunch of other permutations of these attempts. but each time all I get from that value that these are returning is:

[object Text]

How do I convert object Text to normal text?

Thank you!

niallsc · Accepted Answer · 2016-04-27 15:17:24Z

1

Well, That was silly, I figured it out, instead of doing

evt.target.childNodes[1] ...

All I needed to do was get the inner text of the target and that will filter out the html for me automagically so the solution is:

evt.target.innerText

EDIT:

In Response to comments, innerText does not exist in Firefox. So the way to do this is really: evt.target.innerText || evt.target.textContent;

Thank you @Ruslan Osmanov

edited Apr 27, 2016 at 15:17

answered Apr 26, 2016 at 16:17

niallsc

716 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Ruslan Osmanov Over a year ago

use evt.target.textContent || evt.target.innerText for compatibility

Barmar Over a year ago

That's right. innerText is not standard, and Firefox doesn't have it.

TAGraves Over a year ago

Firefox has innerText implemented since version 45! It will be probably be safe to drop out textContent after a few more releases.

Collectives™ on Stack Overflow

Get Value of text inside label Javascript

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related