Javascript-选择名称更改问题

Javascript - Selection Name Changing Problems

本文关键字:问题 选择 Javascript-      更新时间:2023-09-26

我昨天问了另一个类似的问题(Javascript-带限制的链接名称更改),但在尝试应用相同的修复程序后,似乎什么都没发生。希望我能有所了解。

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

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的页眉/页脚,我自己无法更改任何实际的代码。我有点困惑,为什么前面提到的代码没有改变文本。有人能阐明这一点和/或提供解决方案吗?

谢谢!

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

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

注意getElementsByTagName("a"),这将得到标记:<a>,在新版本的代码中,它是<span>,所以将"a"替换为"span"
如果你只是想取代时间对时间的审查,只需使用:

document.getElementsByClassName("copy")[0].innerHTML = "time review";