访问文本标签值Javascript

Question

当前，我有一个Java脚本，可以创建一个单元格表，其中每个单元格都有其编号，标签和文本框的有序列表。 这段代码的片段如下所示：

<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">

为简洁起见，我削减了很多额外的内容。 实际上，此表填充了该单元格的大约10个副本，其中每个单元格都有一个带有标签和文本框的有序列表。 例如，对于此有序列表中的文本框，我可以使用document.getElementsByName("tq_g_0_guess")成功访问其值。 但是，我的问题是如何获取此文本框旁边的标签“ Sport 1”的值。 有任何想法吗？

Answer 1

以下将为您提供li节点的文本。 这将是Sport 1:

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

您可以利用labelText将文本进一步格式化为所需的结果。

如果只需要Sport 1 ，则可以将所有内容细分为冒号

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

Answer 2

关于什么：

document.getElementsByName("tq_g_0_guess")[0].parentNode.innerText

Answer 3

用JavaScript编写：

var child = document.getElementsByName("tq_g_0_guess")[0]; // ok, must add a [0] after this.
var preTextNode = child.previousSibling;
var textContent = preTextNode.textContent; // this is the text you want.