如何更改"标签的文字为"使用javascript / jquery?

时间:2014-07-25 08:13:03

标签: javascript jquery

<label for="id_about">Profile</label>

如何使用JavaScript或jQuery更改此内容?我只想更改此实例以使用About这样的其他内容替换配置文件。我知道如何更改我网站上的所有“个人资料”字样。但我只想改变这个特定的具体实例。

2 个答案:

答案 0 :(得分:7)

您可以使用属性进行搜索:

$("label[for=id_about]").html("new text here"); // or .text("new text here")

请记住,jQuery允许您使用CSS selectors的全部功能来查找页面上的元素(它甚至添加了一些元素,但通常会尝试坚持官方元素)。


对于不使用jQuery的任何人,您仍然可以通过querySelectorany modern browser(和IE8)上使用全范围的CSS选择器(找到第一个匹配的元素,或{{1}如果没有匹配)或null(获取匹配元素的querySelectorAll,可能为空):

NodeList

答案 1 :(得分:-1)

这是没有JQuery的解决方案,适用于任何浏览器。 假设这是HTML的一部分:

<label id="myLabel" for="myTextField">my label text</label>
<input type="text" id="myTextField"/>
<input type="submit" id="byBtn" value="Change" onclick="change()"/>

这是改变标签内容的change()函数:

function change(){
    var labelText = document.getElementById('myLabel');
    labelText.innerHTML = "new label text";
}

Fiddle