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

8zzbczxx  于 2022-11-22  发布在  jQuery
关注(0)|答案(2)|浏览(141)
<label for="id_about">Profile</label>

我如何使用JavaScript或jQuery来改变这个?我只想改变这个示例,用其他的东西来替换profile,比如About。我知道如何改变我的网站上所有的“Profile”单词。但是我只想改变这个特定的示例。

omjgkv6w

omjgkv6w1#

可以使用属性进行搜索:

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

请记住,jQuery允许您使用CSS selectors的全部功能来查找页面上的元素(它甚至添加了一些自己的元素,但通常尽量使用官方元素)。
对于不使用jQuery的人来说,你仍然可以通过querySelector(找到第一个匹配的元素,如果没有匹配,则为null)或querySelectorAll(获得NodeList的匹配元素,这些元素可能为空)在任何现代浏览器(和IE8)上使用所有的CSS选择器:

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

eufgjt7s2#

这是一个不使用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

相关问题