Мониторинг элемента с изменяемым идентификатором
Я работаю над сценарием, который отправляет вам звуковое уведомление, если что-то изменяется в структуре DOM элемента HTML. Я новичок в JavaScript и нуждаюсь в помощи.
Вот элемент, который я хочу отслеживать. Проблема в том, что я не знаю, как «выбрать» этот элемент с помощью javascript, поскольку он имеет изменяемый идентификатор (числа после RenderReport_ меняются каждый раз, когда вы обновляете этот элемент), а атрибут Class относится к другим элементам, которые не заинтересуй меня. Есть идеи, как с этим справиться?
Добавьте к нему собственный класс, а затем обратитесь к этому классу. То есть, если вы можете изменить файл dom.
Возможно, будет хорошей идеей поделиться фрагментом кода для элемента, который вы можете успешно идентифицировать, и указать на часть, которая может вызвать у вас проблемы при идентификации элемента DIV, показанного на связанном изображении.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Вы можете запросить элемент через его (уникальный!) Родительский элемент, а затем получить желаемый элемент через children и index. В вашем случае это будет
document.querySelector('#dropzone1').children[1]
Но вам нужно убедиться, что структура DOM всегда выглядит так. Например, если ранее был добавлен дочерний элемент, индекс больше не действителен.
Надеюсь, это поможет!
Весьма вероятно, что его можно выбрать на основе структуры, не обращаясь к идентификатору. Не зная структуры страницы, очень сложно сказать, что будет однозначно ее идентифицировать. Но вот идея - как ты нашел ее? Оттуда вы можете уточнить критерии и определить, что вам нужно указать JS для поиска.