Javascript - 选择名称更改问题

Question

我昨天问了另一个与此类似的问题( Javascript - Link Name Changing with restrictions )，但在尝试应用相同的修复后，似乎没有发生任何事情。希望我能得到一些见解。

我应用了第一个解决方案:

var elements = document.getElementsByClassName("time")[0].getElementsByTagName("a");
for(var i = 0, j = elements.length; i<j; i++){
    elements[i].innerHTML = "Time Review";
}

效果很好。然而，在另一段代码上，有:

<div class='validatable' id='style_picker'> 
    <div class='selector'> 
        <span class='selection'></span> 
        <span class='handle'></span> 
    </div> 
    <ul type='none'> 
        <li class='time'> 
            <span class='style_item'></span> 
            <span class='copy'>time</span> 
        </li> 
    </ul>
</div>

我正在尝试让时间显示为“时间审核”。再说一遍，我只有页眉/页脚可用于 JavaScript，而且我自己无法更改任何实际代码。我有点困惑为什么上述代码不改变文本。任何人都可以阐明这一点和/或提供解决方案吗？

谢谢!

Answer 1

它不起作用，因为您尝试更改的文本位于 <span> 中现在标记

var elements = document.getElementsByClassName("time")[0].getElementsByTagName("span");
for(var i = 0, j = elements.length; i<j; i++){
  elements[i].innerHTML = "Time Review";
}