如何使用javascript/jquery更改“标签”的文本?

如何使用javascript/jquery更改“标签”的文本?,javascript,jquery,Javascript,Jquery,如何使用JavaScript或jQuery更改这一点?我只想将此实例更改为将profile替换为其他类似About的内容。我知道如何从我的网站上更改所有配置文件word。但我只想更改此特定实例。您可以使用属性进行搜索: <label for="id_about">Profile</label> 请记住,jQuery允许您使用的全部功能在页面上查找元素,它甚至添加了一些自己的元素,但一般来说,请尽量坚持使用官方元素 对于不使用jQuery的任何人,您仍然可以通过query

如何使用JavaScript或jQuery更改这一点?我只想将此实例更改为将profile替换为其他类似About的内容。我知道如何从我的网站上更改所有配置文件word。但我只想更改此特定实例。

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

<label for="id_about">Profile</label>
请记住,jQuery允许您使用的全部功能在页面上查找元素,它甚至添加了一些自己的元素,但一般来说,请尽量坚持使用官方元素

对于不使用jQuery的任何人,您仍然可以通过querySelector在和IE8上使用全套CSS选择器查找第一个匹配元素,如果不匹配则为null,或者querySelector将获得匹配元素的节点列表,该列表可能为空:

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

这是一个不使用JQuery的解决方案,可以使用任何浏览器。 假设这是HTML的一部分:

document.querySelector("label[for=id_about]").innerHTML = "new text here";

花一两个小时从头到尾通读是值得的。这真的只需要那么长的时间,你可能会在一周内把这段时间赶回来。OP没有提到ID是否可用。要搜索的属性是“for”,标签id在我的小提琴中可见。不管怎样,我把它添加到了答案中。这是没有JQuery的解决方案否,这是没有JQuery的解决方案:document.querySelectorlabel[for=id\u about].innerHTML=text here;所有现代浏览器都有querySelector,比如一些非现代浏览器IE8。
<label id="myLabel" for="myTextField">my label text</label>
<input type="text" id="myTextField"/>
<input type="submit" id="byBtn" value="Change" onclick="change()"/>
function change(){
    var labelText = document.getElementById('myLabel');
    labelText.innerHTML = "new label text";
}