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"; 
} 

Answer 2

var elements = document.getElementsByClassName("time")[0].getElementsByTagName("a"); 

通知getElementsByTagName("a")，這將讓標籤：<a>，在你的代碼的新版本，它是<span>，所以將「a」替換爲「span」。
如果你只是想更換時間審查，只需使用：

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