2014-09-21 4 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) –

+0

@ PM77-1 благодаря добавлению« s », но все еще не работает , – rs19

+2

Функция возвращает ['HTMLCollection'] (https://developer.mozilla.org/en-US/docs/Web/API/HTMLCollection), а не один элемент. Поэтому вам необходимо запрограммировать соответствующим образом. –

ответ

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

} 

Это должно заботиться о нем!