Как через консоль chrоm-а сэмулировать нажатие на данный элемент?

Question

[Александр Владимиров]

<div class="panel panel-default bet-panel" id="panel11-7-b">
					<div class="panel-heading">
						<button class="btn btn-danger btn-lg  btn-block betButton" data-lower="1" data-upper="7"><span>от 1 до 7</span><span></span></button>
					</div>
				</div>

на сайте этот элемент отображается как кнопка

Answer 1

[Lander]

$('.betButton').trigger('click');
не работает?

Comments

[Александр Владимиров]

Оо, спасибо огромное, а то я столько всего перепробовал да ничего не получалось

Answer 2

[Сергей Собко]

Если используете jquery, то пропишите $("#idКнопки").trigger("click"); и нажмите Enter

Comments

[Александр Владимиров]

а что если кнопок с таким названием много? После того как я ввел произвелось нажатие на первую кнопку с таким именем

[Сергей Собко]

Вы, вероятно ответом промахнулись. Там вам показали ответ, где используется имя класса кнопок, что в свою очередь вызовет клик по всем элементам с таким классом. В качестве указателя на элемент используйте айди, а не класс, если вам нужно обработать нажатие на конкретный элемент

[Александр Владимиров]

Сергей Собко: так тут у кнопки нет id, может как-то надо через document.getElementById("panel11-7-b") = function() {}?

Answer 3

[Vlad Feninets]

на vanilla это делается так:

var event = new Event('click');

// Listen for the event.
elem.addEventListener('click', function (e) { ... }, false);

// Dispatch the event.
elem.dispatchEvent(event);

Comments

[Alex Ander]

document.querySelector(".betButton").click();