Как нажать кнопку со специальным текстом?

Question

Я пытаюсь изменить сценарий ниже, чтобы нажать на кнопку, которая выглядит следующим образом на сайте:

<button id="checkPrice-02070" onclick="checkPrice(02070,null); return false;" class="orangeDark"> 
    <span>check price</span> 
</button> 

Я использую ниже код. Пока что страница, похоже, продолжает перезагружать; больше ничего не происходит.
Любые советы кому-то новому?

(function() { 
    window.addEventListener("load", function (e) { 
     clickConfirmButton() 
    }, false); 
})(); 

function clickConfirmButton() { 
    var buttons = document.getElementsByTagName('button'); 
    var clicked = false; 
    for (var index = 0; (index < buttons.length); index++) { 
     if (buttons[index].value == "check price") { 
      buttons[index].click(); 
      clicked = true; 
      break; 
     } 
    } 
    if (!clicked) { 
     setTimeout("window.location.reload()", 300 * 1000); 
    } 
} 

Answer 1

<button> s value не видимый текст. Вы хотите найти textContent.

Однако:

1. Если образец HTML правильно, вы бы лучше искать для идентификаторов, которые начинаются с checkPrice. См. Код ниже.

2. Вы уверены, что хотите reload, если кнопка не найдена? Если он добавлен AJAX, это не лучший подход. См. this answer.

3. Не используйте setTimeout со строкой (для оценки) такого аргумента. См. Код ниже.

4. Вам не нужно обертывать код анонимной функцией.

Во всяком случае, это должно работать, учитывая образца HTML:

window.addEventListener ("load", clickConfirmButton, false); 

function clickConfirmButton (zEvent) { 
    var button = document.querySelector ("button[id^='checkPrice']"); 
    if (button) { 
     button.click(); 
    } 
    else { 
     setTimeout (function() { location.reload(); }, 300 * 1000); 
    } 
} 

---

---

Чтобы в любом случае проверить текст кнопки, используйте:

function clickConfirmButton (zEvent) { 
    var buttons = document.querySelectorAll ("button[id^='checkPrice']"); 
    var clicked = false; 

    for (var index = 0, numBtn = buttons.length; index < numBtn; ++index) { 
     if (/check price/i.test (buttons[index].textContent)) { 
      buttons[index].click(); 
      clicked = true; 
      break; 
     } 
    } 
    if (!clicked) { 
     setTimeout (function() { location.reload(); }, 300 * 1000); 
    } 
}