Есть ли уникальный идентификатор у DOM элемента относительно всего документа?

Question

[Иван Антонов]

Добавляю анимацию на множество DOM элементов и храню идентификатор setInterval в объекте с ключем - уникальный идентификатор DOM элемента

Answer 1

[Константин Китманов]

Нет. Можно попробовать взять XPath, но это относительно долгая операция.

Comments

[Иван Антонов]

я в JS слаб. Искал долго функцию возвращающую XPath до сих пор не нашел. Подскажите, как получить XPath?

[Константин Китманов]

Иван Антонов: пляшите отсюда и по ссылкам: stackoverflow.com/questions/2661818/javascript-get...
я пару месяцев назад нашел что-то толковое, но где именно — не помню.

Но вообще-то можно (и нужно) проще, можно сохранять в некоем словаре ключ и ссылку непосредственно на элемент (чтобы не искать его несколько раз).

[Евгений Петров]

Иван Антонов: А каким образом вы определяете, как остановить анимацию?

[Иван Антонов]

Евгений Петров: clearInterval(timer); timer - возвращаемый функцией setInterval идентификатор таймера

[Евгений Петров]

Иван Антонов: Нет-нет, по каким критериям вы определяете, что анимацию нужно остановить, а не как вы это делаете — с этим всё предельно понятно.

[Иван Антонов]

Евгений Петров: анимация меняется от текущей вида к виду переданному в параметре функции, типо так:
this.find('Дом').opacity(1)

[Иван Антонов]

Евгений Петров: и останавливаю когда на этот же объект накладывается еще одна анимация

[Иван Антонов]

Евгений Петров:
this.find('Дом').opacity(1)
this.find('Дом').opacity(0.7)
если анимация была не полностью проиграна до появления команды на следующую анимацию, тогда мы её останавливаем и проигрываем следующую

[Евгений Петров]

Иван Антонов: Если критерием является состояние объекта (значение его атрибутов, положения etc.), то возможным вариантом было бы сохранение ссылки на отложенный вызов в dataset самого элемента, а то и просто свойства (это же — просто host-объект).

Если критерием является совокупность внешних факторов, независящих от элемента, то я, как вы и сделали, выбрал бы хранение в абстрактном объекте — словаре. Что использовать в качестве ключа — id или самостоятельно добавленное новое значение dataset — ваш выбор.

[Иван Антонов]

Евгений Петров: спасибо за подсказку, я добавил data-timer к элементу, всё работает. Кстати а к объекту DOM - к this, разве нельзя добавить простой атрибут? Например this.timer = setInterval(...) а потом также проверить if (this.timer) clearInterval(this.timer)

[Евгений Петров]

Иван Антонов: Можно. Опять же — это просто объект. и можно добавлять что угодно.
У меня выработалась привычка хранить сторонние данные в dataset. Не возникает проблем с возможным пересечением имён. По факту dataset — аналог словаря. К тому же, в ходе тестирования можно всегда запросить и посмотреть его ключи. Иначе пришлось бы помнить все имена или смотреть все ключи объекта.

Приношу извинения, что стал писать в ответе, который написал Константин Китманов, просто увидел слово «словарь»:)

[Константин Китманов]

Знаете, какой функции на тостере не хватает? «Пометить все, как прочтённое»:)

[Иван Антонов]

Константин Китманов: она есть, в разделе - Уведовления

Answer 2

[Александр Зачиналов]

У каждого элемента есть индекс (порядковый номер в DOM, среди одноименных тегов)

Answer 3

[xmoonlight]

Добавляю анимацию на множество DOM элементов и храню идентификатор setInterval в объекте с ключем - уникальный идентификатор DOM элемента

Вот тут уже жесть!
Каждый расчет обрабатывается кадром. У вас должен быть один таймер, а переменных - много: для каждого объекта.
Начните с изучения game-dev.

Comments

[Иван Антонов]

delay у анимаций ведь разный

[xmoonlight]

Иван Антонов: разный, а рендеринг - один!

[Иван Антонов]

xmoonlight: так все setInterval и так от одного рендеринга работают.

[xmoonlight]

Иван Антонов: таймеров сколько создаётся?

[Rain Summers]

ребят, вот вам писЧа для размышлений :_)
во 1ых, setInterval хуже, чем setTimeout (пруфф - https://learn.javascript.ru/settimeout-setinterval)
во 2ых, в современных браузерах вместо 2ух вышеперечисленных ф-ий для покадровой анимации лучше использовать requestanimationframe (habrahabr.ru/post/114358)

[xmoonlight]

Rain Summers: вот не лень же было! Спасибо!!!

[Rain Summers]

xmoonlight: да я просто мимо проходил)). пожалуйста.

[Иван Антонов]

Rain Summers: ага, месяц назад о ней прочитал ) только она опять же на старых ие не пашет

[xmoonlight]

Иван Антонов: в топку старые IE < 9-ки!

Answer 4

[lega]

В правильных браузерах можно WeakMap или Symbol использовать для привязки данных к DOM.