How to get text from label tag using javascript?

Question

I have this HTML code:

<label id = "lblID"><input type="checkbox"/> some text here</label>

How can I get the text from the label tag using javascript?

I need to retrieve only the text without input element.

Michael
– Michael

2014-12-06 20:58:46 +00:00
Commented Dec 6, 2014 at 20:58 — Michael
– Michael, Commented Dec 6, 2014 at 20:58

chiliNUT · Accepted Answer · 2014-12-06 20:58:13Z

3

You probably want to exclude the checkbox

var text=document.getElementById('lblID').textContent;
console.log(text); // some text here

Fiddle

answered Dec 6, 2014 at 20:58

chiliNUT

19.5k14 gold badges72 silver badges116 bronze badges

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

Comments

Ian Hazzard · Accepted Answer · 2014-12-06 20:57:03Z

1

Use JavaScript's textContent method. This will extract ONLY the text, and no checkbox.

alert(document.getElementById('lblID').textContent);

<label id = "lblID"><input type="checkbox"/> some text here</label>

answered Dec 6, 2014 at 20:57

Ian Hazzard

7,7688 gold badges37 silver badges61 bronze badges

Comments

putvande · Accepted Answer · 2014-12-06 20:58:20Z

0

To only get the text (not the input), you can use:

document.getElementById('lblID').childNodes[1]

Since your label has 2 children, and the text is the second one.

answered Dec 6, 2014 at 20:58

putvande

15.3k3 gold badges37 silver badges51 bronze badges

Comments

Kiba · Accepted Answer · 2014-12-06 20:57:09Z

-2

By using the "textContent"

var lbltext = document.getElementById('lblID').textContent;

answered Dec 6, 2014 at 20:57

Kiba

11k7 gold badges30 silver badges31 bronze badges

Collectives™ on Stack Overflow

How to get text from label tag using javascript?

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related