<label for="id_about">Profile</label>
我如何使用JavaScript或jQuery来改变这个?我只想改变这个示例,用其他的东西来替换profile,比如About。我知道如何改变我的网站上所有的“Profile”单词。但是我只想改变这个特定的示例。
omjgkv6w1#
可以使用属性进行搜索:
$("label[for=id_about]").html("new text here"); // or .text("new text here")
请记住,jQuery允许您使用CSS selectors的全部功能来查找页面上的元素(它甚至添加了一些自己的元素,但通常尽量使用官方元素)。对于不使用jQuery的人来说,你仍然可以通过querySelector(找到第一个匹配的元素,如果没有匹配,则为null)或querySelectorAll(获得NodeList的匹配元素,这些元素可能为空)在任何现代浏览器(和IE8)上使用所有的CSS选择器:
querySelector
null
querySelectorAll
NodeList
document.querySelector("label[for=id_about]").innerHTML = "new text here";
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
2条答案
按热度按时间omjgkv6w1#
可以使用属性进行搜索:
请记住,jQuery允许您使用CSS selectors的全部功能来查找页面上的元素(它甚至添加了一些自己的元素,但通常尽量使用官方元素)。
对于不使用jQuery的人来说,你仍然可以通过
querySelector
(找到第一个匹配的元素,如果没有匹配,则为null
)或querySelectorAll
(获得NodeList
的匹配元素,这些元素可能为空)在任何现代浏览器(和IE8)上使用所有的CSS选择器:eufgjt7s2#
这是一个不使用JQuery的解决方案,可以在任何浏览器上使用。假设这是HTML的一部分:
下面是change()函数,用于修改标签内容:
Fiddle