Блог

Главная - Вопросы по программированию - Как выполнить щелчок по элементу (кнопке), который содержит заголовок X?

Как выполнить щелчок по элементу (кнопке), который содержит заголовок X?

#javascript #getelementsbyclassname

#javascript #getelementsbyclassname получить элемент имя_цикла #getelementsbyclassname

Вопрос:

Я пытаюсь нажать на класс кнопок «btn ActionBar__button», но их всего 2, и он всегда нажимает на кнопку, содержащую заголовок «Не нажимать».

Как я могу нажать на кнопку с тем же классом, но с другим названием?

Я пытаюсь использовать этот код:

 var elems = document.getElementsByClassName('btn ActionBar__button'); elems[0].click();

Вот HTML:

 <div class="ActionBar">

<button class="btn ActionBar__button" type="button" title="Don't Click">Don't Click</button>

<button class="btn ActionBar__button" type="button" title="Click on this button">Click on this button</button></div>

Комментарии:

1. Ну, вы всегда нажимаете на индекс 0, который является первой кнопкой. если вы хотите нажать на вторую кнопку, то вам нужно сделать индекс 1 с elems[1].click();

2. В этом вопросе нет ничего относительно C # или Chrome Embedded. Пожалуйста, используйте только те теги, которые имеют отношение к данному вопросу.

Ответ №1:

Вы можете использовать .querySelector

 let elem = document.querySelector('[title="Click on this button"]');

console.log(elem)

elem.click();  
 <div class="ActionBar">

    <button class="btn ActionBar__button" type="button" title="Don't Click">Don't Click</button>

    <button class="btn ActionBar__button" type="button" title="Click on this button">Click on this button</button></div>