user1939991 user1939991 - 6 months ago 11
Javascript Question

Accessing Text Label Value Javascript

Currently, I have a piece of java script that makes a table of cells where each cell has an ordered list of its number, a label, and a text box. A snippet of this code is written below:

<table id="drawAllQuestionsTbl">
<tbody><tr><td class="tbl">
<ol start="1">
<li>Sport 1:&nbsp;<input type="text" name="tq_g_0_guess" size="15"></li></ol></td></tr><tr><td class="tbl">


For brevity, I cut a lot of the extra stuff. In reality, this table is filled with around 10 replicas of this cell, where each cell has an ordered list with a label and text box. For the text box in this ordered list for instance, I can successfully access its value using
document.getElementsByName("tq_g_0_guess")
. However, my question is how to get the value of the label "Sport 1" next to this text box. Any ideas?

Answer

The following will give you the text of the li node. This will be Sport 1:.

var elParent = document.getElementsByName("tq_g_0_guess")[0].parentNode;
var labelText = elParent.innerText;
console.log(labelText); // Sport 1: 

You can leverage labelText to further format the text to the desired result.

If you only want Sport 1, then you can substring the everything up to the colon

labelText.substr(0, labelText.indexOf(':'));
Comments