How to get label text value form a html page

Question

I have a html page   where the html is rendered as     lt div id    mViB  gt   lt table id    myTable  gt   lt tbody gt   lt tr gt      lt  tr gt   lt tr gt     lt  tr gt   lt tr gt      lt  tr gt   lt tr gt      lt  tr gt   lt tr gt   lt td gt   lt label id   spaM4  for   zigField4  gt  All hell   lt span class    msde32  gt  lt  span gt   lt  label gt   lt  td gt   lt  tr gt   lt  tbody gt   lt  table gt   lt  div gt    Now what i want to do is get the label text  All hell   from the label   For that purpose i have used both    document getElementById   spaM4   text and document getElementById   spaM4   value  but incidentally none of them worked   I have used document getElementById   spaM4   innerHTML  but that returns the span class as well  but i just want to get the text    Unfortunately  the asterisks in element IDs are 3rd party code and I cannot change it   Can any one suggest any other way for getting the label text

User · Answer

This will get what you want in plain JS   var el   document getElementById   spaM4    text    el innerText    el textContent     FIDDLE

User · Answer

var lbltext   document getElementById   spaM4   innerHTML

User · Answer

Use innerText textContent     var el   document getElementById   spaM4      console log el innerText    el textContent     Fiddle  http   jsfiddle net NeTgC 2

User · Answer

The best way to get the text value from a  lt label gt  element is as follows   if you will be getting element ids frequently it s best to have a function to return the ids   function id e  return document getElementById e     Assume the following structure       lt label for  phone  gt Phone number lt  label gt       lt input type  text  id  phone  placeholder  Mobile or landline numbers     gt   This code will extract the text value  Phone number  from the lt label gt        var text   id  phone   previousElementSibling innerHTML   This code works on all browsers  and you don t have to give each lt label gt element a unique id

User · Answer

Try this   document getElementById   spaM4   textContent   If you need to target  lt  IE9 then you need to use  innerText

User · Answer

You can use textContent attribute to retrieve data from a label     lt script gt         var datas   document getElementById  excel-data-div   textContent       lt  script gt     lt label id  excel-data-div  style  display  none   gt       Sample text  lt  label gt

User · Answer

For cases where the data element is inside the label like in this example     lt label for  subscription  gt Subscription period      lt select id  subscription  name  subscription  gt           lt option gt  lt  option gt           lt option gt 1 year lt  option gt           lt option gt 2 years lt  option gt           lt option gt 3 years lt  option gt       lt  select gt   lt  label gt    all the previous answers will give an unexpected result     Subscription period                       1 year                     2 years                     3 years                  While the expected result would be    Subscription period   So  the correct solution will be like this   const label   document getElementById  yourLableId    const labelText   Array prototype filter      call label childNodes  x   gt  x nodeName       text        map x   gt  x textContent       join           trim

[javascript] How to get label text value form a html page?

Examples related to javascript