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(“”);