2014-09-21 27 views
0

我試圖在this page上「賣完」,並將其更改爲「即將推出」。用方格空間上的文字更改innerHTML

現在我有以下但它不工作。

window.onload = function() { 
    document.getElementsByClassName("product-mark sold-out").innerHTML = "Coming Soon"; 
}; 
+0

代碼中的函數不存在。您需要使用['getElementsByClassName'](https://developer.mozilla.org/en-US/docs/Web/API/document.getElementsByClassName) – 2014-09-21 01:03:00

+0

@ PM77-1謝謝添加了「s」,但仍然無法正常工作。 – rs19 2014-09-21 01:08:45

+2

該函數返回['HTMLCollection'](https://developer.mozilla.org/en-US/docs/Web/API/HTMLCollection)而不是單個元素。所以你需要相應的編程。 – 2014-09-21 01:10:31

回答

2
window.onload = function(){ 
    //this captures all the elements with the spec classes 
    var soldItems = document.getElementsByClassName('product-mark sold-out'); 

    //this changes each element 1 by 1 to new text 
     for(var i=0; i<soldItems.length; i++){ 
      soldItems[i].innerHTML = "Coming Soon"; 
     } 

} 

這應該照顧它!