Javascript-链接名称随限制而更改
我正在尝试更改链接的名称,但是,我有一些限制。链接放置在如下代码中:Javascript-链接名称随限制而更改,javascript,html,Javascript,Html,我正在尝试更改链接的名称,但是,我有一些限制。链接放置在如下代码中: <li class='time'> <a href="#time">Review Time</a> <img alt="Styled" src="blah" /> </li> 基本上,我有一个类名。我不允许编辑这些行中的任何内容,我只有一个页眉/页脚来编写Javascript/CSS例如,我试图让复习时间显示为时间复习 我知道我可以在CSS中使用.ti
<li class='time'>
<a href="#time">Review Time</a>
<img alt="Styled" src="blah" />
</li>
基本上,我有一个类名。我不允许编辑这些行中的任何内容,我只有一个页眉/页脚来编写Javascript/CSS例如,我试图让复习时间显示为时间复习
我知道我可以在CSS中使用.time{display:hide}来隐藏它,但我无法找到替换文本的方法。文本也是一个链接,如图所示。我在JS中尝试了各种各样的替换函数,但我要么做得不对,要么就是不起作用
如果有任何帮助,我们将不胜感激。将单词按空格分开,颠倒顺序,重新组合
var j = $('li.time > a');
var t = j.text();
var a = t.split(' ');
var r = a.reverse();
j.text(r.join(' '));
在多语言环境中,这可能会产生一些恶劣的后果。您可以获取具有您正在查找的类名的li的子元素,然后更改您找到的锚定标记的innerHTML 例如:
var elements = document.getElementsByClassName("time")[0].getElementsByTagName("a");
for(var i = 0, j = elements.length; i<j; i++){
elements[i].innerHTML = "Time Review";
}
var elements=document.getElementsByClassName(“时间”)[0].getElementsByTagName(“a”);
对于(var i=0,j=elements.length;i老式JavaScript:
function replaceLinkText(className, newContents) {
var items = document.getElementsByTagName('LI');
for (var i=0; i<items.length; i++) {
if (items[i].className == className) {
var a = items[i].getElementsByTagName('A');
if (a[0]) a[0].innerHTML = newContents;
}
}
}
replaceLinkText("time", "Review Time");
var li = document.getElementsByClassName('time');
for (var i = 0; i < li.length; i++) {
li[i].getElementsByTagName('a')[0].innerText = 'new text';
}
函数replaceLinkText(类名,newContents){
var items=document.getElementsByTagName('LI');
对于(var i=0;i,您可以遍历DOM并使用以下JavaScript修改文本:
function replaceLinkText(className, newContents) {
var items = document.getElementsByTagName('LI');
for (var i=0; i<items.length; i++) {
if (items[i].className == className) {
var a = items[i].getElementsByTagName('A');
if (a[0]) a[0].innerHTML = newContents;
}
}
}
replaceLinkText("time", "Review Time");
var li = document.getElementsByClassName('time');
for (var i = 0; i < li.length; i++) {
li[i].getElementsByTagName('a')[0].innerText = 'new text';
}
var li=document.getElementsByClassName('time');
对于(变量i=0;i
演示:这是作业还是求职申请?那么我想我们可以替换合适的javascript选择。真的不会改变逻辑。我只是不想写太多超出需要的内容,我相信如果jquery不可用,他可以找到其他选择方法。您的代码中有一个bug,因为它不适用于多个 li.time
。这更好:$('li.time>a').text(函数(){return$(This.text().split(“”).reverse().join(“”);
。