Программный click

@kre0 · Регистрация: 31.01.2015

Студворк — интернет-сервис помощи студентам

На сайте подключен jquery, но хочу сделать просто через js.

Почему это работает.

$('.myclass').trigger('click');

А это нет.

document.getElementsByClassName('myclass ').click();

@CodeViking13 · 22.01.2016, 19:40

Потому что getElementByClassName даёт массив элементов. Даже если это в нём будет один элемент.

Таким образом

JavaScript
1
document.getElementsByClassName('myclass')[0].click();

Будет работать.

Естественно для назначения события по клику для любой выборки кроме getElementById (может забыл ещё какой-то геттер), нужно писать цикл.

@Lazy_Den · 22.01.2016, 19:54

Не по теме:

Сообщение от CodeViking13

может забыл ещё какой-то геттер

querySelector()

@CodeViking13 · 22.01.2016, 19:59

Lazy_Den, пока ещё жив IE, querySelector() не так уж и безопасно использовать. Я ещё не до конца перешёл на ES5 умом, что печально, т.к. уже на ES6 переходить пора :-).

Вообще дельный совет, ТС посмотрите документацию по querySelector, и можете использовать и его.

@Lazy_Den · 22.01.2016, 20:05

Сообщение от CodeViking13

пока ещё жив IE

Сравниваем поддержку getElementsByClassName и querySelector и перестаем нервничать

@CodeViking13 · 22.01.2016, 20:07

Сообщение от Lazy_Den

Сравниваем поддержку getElementsByClassName и querySelector и перестаем нервничать

Мдее

Новые блоги и статьи Все статьи Все блоги /
Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ	Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .	Горе от ума kumehtar 07.04.2026 Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .	Использование значений реквизитов справочника в документе, с определенными условиями и правами Maks 07.04.2026 1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .

@kre0 0 / 0 / 1 Регистрация: 31.01.2015 Сообщений: 101

	Программный click 22.01.2016, 19:13. Показов 1605. Ответов 5 Метки нет (Все метки) На сайте подключен jquery, но хочу сделать просто через js. Почему это работает. $('.myclass').trigger('click'); А это нет. document.getElementsByClassName('myclass ').click(); 0

@CodeViking13 6 / 6 / 3 Регистрация: 26.12.2015 Сообщений: 95
	22.01.2016, 19:59
	Lazy_Den, пока ещё жив IE, querySelector() не так уж и безопасно использовать. Я ещё не до конца перешёл на ES5 умом, что печально, т.к. уже на ES6 переходить пора :-). Вообще дельный совет, ТС посмотрите документацию по querySelector, и можете использовать и его. 1