Событие на загрузку элемента в JavaScript

@Jasta · Регистрация: 20.02.2016

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

Доброго всем времени суток! Есть элемент который создаётся при клике и с которым после его создания нужно провести некоторые манипуляции. Проблема в том что если начать сразу что-то с ним делать, то получается ошибка так как элемент ещё не успевает сформироваться, если отложить манипуляции через setTimeout то всё ok, но это уже кажется костылём. Есть ли в JS или JQuery какой-то способ отследить готовность конкретного элемента DOM к работе с ним?!??

krvsa · 20.06.2022, 11:36

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

Есть ли в JS или JQuery какой-то способ отследить готовность конкретного элемента DOM к работе с ним?

Возможно событие load() сможет подойти...

Добавлено через 1 минуту

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

с которым после его создания нужно провести некоторые манипуляции

Вот после этих "манипуляций" можно запустить колбек-функцию и в ней выполнять нужные действия...

@Komandor_Yan · 20.06.2022, 11:48

Здравствуйте.
Я слышал, что MutationObserver отслеживает изменения в DOM, возможно, это вам поможет. Про MutationObserver более подробно здесь.

@Balanaar · 22.06.2022, 14:15

Jasta, для вашей задачи в JS имеются промисы.

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

элемент ещё не успевает сформироваться

Создаёте промис, который резолвится после формирования элемента. Манипуляции с ним проводите после резолва.

Добавлено через 24 секунды
P.S. Был бы код, ответил бы кодом.

@mr_dramm · 24.06.2022, 21:25

Паттерн обсервер

@Jasta · 11.07.2022, 11:22 **[ТС]**

В итоге решил проблему при помощи события transitionend. Спасибо всем за помощь

Новые блоги и статьи Все статьи Все блоги /
Автоматическое создание документа при проведении другого документа Maks 29.03.2026 Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .	Настройка движения справочника по регистру сведений Maks 29.03.2026 Решение ниже реализовано на примере нетипового справочника "ТарифыМобильнойСвязи" разработанного в конфигурации КА2, с целью учета корпоративной мобильной связи в коммерческом предприятии. . . .	Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .	Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .
Автозаполнение реквизитов при создании документа Maks 26.03.2026 Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .	Команды формы и диалоговое окно Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .	Кому нужен AOT? DevAlt 26.03.2026 Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .	Отправка уведомления на почту при создании или изменении элементов справочника Maks 24.03.2026 Программная отправка письма электронной почты на примере типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной записи электронной. . .

@Jasta 1518 / 574 / 138 Регистрация: 20.02.2016 Сообщений: 3,396

	Событие на загрузку элемента в JavaScript 20.06.2022, 10:57. Показов 622. Ответов 5 Метки нет (Все метки) Доброго всем времени суток! Есть элемент который создаётся при клике и с которым после его создания нужно провести некоторые манипуляции. Проблема в том что если начать сразу что-то с ним делать, то получается ошибка так как элемент ещё не успевает сформироваться, если отложить манипуляции через setTimeout то всё ok, но это уже кажется костылём. Есть ли в JS или JQuery какой-то способ отследить готовность конкретного элемента DOM к работе с ним?!?? 0

@Komandor_Yan 33 / 28 / 6 Регистрация: 24.03.2020 Сообщений: 219
	20.06.2022, 11:48
	Здравствуйте. Я слышал, что `MutationObserver` отслеживает изменения в DOM, возможно, это вам поможет. Про MutationObserver более подробно здесь. 1

@mr_dramm Молодой техлид) 1818 / 1056 / 329 Регистрация: 17.07.2021 Сообщений: 2,147 Записей в блоге: 14
	24.06.2022, 21:25
	Паттерн обсервер 1

@Jasta 1518 / 574 / 138 Регистрация: 20.02.2016 Сообщений: 3,396
	11.07.2022, 11:22 [ТС]
	В итоге решил проблему при помощи события `transitionend`. Спасибо всем за помощь 0

Опции темы