Нажмите на элемент HTML, используя JS

Question

Итак, у меня есть веб-страница и несколько кнопок HTML на ней. На одном из них я бы хотел щелкнуть мышью. Я знаю это имя класса этой кнопки, поэтому в основном я хочу щелкнуть по нему своим именем класса. Я знаю, как получить имя класса, но я не знаю, как нажать на этот элемент, возможно, есть функция щелчка или что-то, о чем я ничего не знаю.

Я использую

var element = document.getElementsByClassName('hidden-xs truncate'); 
element.Click(); 

, но я не знаю, что делать дальше, как выполнить щелчок, вы можете мне помочь с этим?

element.Click(); метод не работает, я получаю ошибку:

element.Click is not a function

Answer 1

, потому что есть вероятность того, что есть несколько элементов с именем класса hidden-xs truncate Javascript автоматически помещает элементы в массиве.

вы можете автоматически нажать на кнопку, как это:

document.getElementsByClassName("hidden-xs truncate")[0].click();

или

var element = document.getElementsByClassName("hidden-xs truncate"); element[0].click();

Примечание: [0] получает первый индекс массива, если есть несколько элементы с указанными классами будут выполнять щелчок только на первом элементе, если вы сделали [1], это будет второй и т. д.

Answer 2

Если вы можете добавить id к кнопке, которая, вероятно, поможет, поскольку получение позиции в массиве кнопки будет менее идеальным - кто-то может прийти и добавить кнопку над вашей, а затем щелчок событие будет ошибочным.

В этом случае, вы могли бы сделать

var element = window.document.getElementById('my-id');

тогда как раньше

element.click();