通过JavaScript访问标签文本

时间:2016-08-06 18:40:34

标签: javascript

查看标签文字。

我可以通过以下方式找到输入标签的值:

<label for="t">Try this <input type="text" id="t" /></label>
<input type="button" onclick="alert(document.getElementById('t').value)" value="Click me!"/>

但访问标签文本“试试这个”的方法是什么?

使用.innerHTML不会产生任何结果。 .parentNode.value产生未定义。

3 个答案:

答案 0 :(得分:3)

&#13;
&#13;
<label for="t">Try this <input type="text" id="t" /></label>
<input type="button" onclick="alert(document.getElementById('t').parentNode.innerText)" value="Click me!"/>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

您可以使用document.getElementsTagName()方法按标记名称搜索元素。此方法返回标记为<label></label>

的所有元素

&#13;
&#13;
<label for="t">Try this <input type="text" id="t" /></label>
<input type="button" onclick="alert(document.getElementsByTagName('label')[0].innerText)" value="Click me!"/>
&#13;
&#13;
&#13;

答案 2 :(得分:0)

给你的标签一个id,让我们说lbl:

<label id="lbl" for="t">Try this <input type="text" id="t" /></label>

现在在javascript中,您可以使用以下方式访问文本:

document.getElementById('lbl').innerText

你也可以修剪结果以消除空格。