Как получить style элемента через js в динамике?

Question

[danyfir]

Есть элемент (это слайдер):
<div id='idshka' style="width:20px; top: 200px;>

Причем top динамически меняется постоянно (т.к. в слайдере слайды переключаются, соответственно).

Мне нужно отслеживать атрибут "top" и поймать когда он будет равняться определенному значению (допустим, когда он будет 100px). Скажите, как это сделать?

Сам пробовал так:

(function() {
    var bar = document.getElementById("idshka"), 
      style = bar.style;
      if (style.top == "100") {
    alert("элемент имеет top=100px");
      }
    }());

Но сами понимаете... Во-первых этот скрипт срабатывает только 1 раз при заходе на стр., во-вторых он не работает.

Comments

[kulaeff]

А не проще поймать то, что устанавливает этому слайдеру атрибут top?

[kulaeff]

Почитайте еще тут https://developer.mozilla.org/en-US/docs/Web/API/M... может подойдет.

[gleendo]

т.к. в слайдере слайды переключаются

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

Но сами понимаете... Во-первых этот скрипт срабатывает только 1 раз при заходе на стр., во-вторых он не работает :D

Зачем тогда вообще пример привели, если изначально сами понимаете что это вообще не правильный вариант?

Причем top динамически меняется постоянно

Там и проверяйте значение...Перед установкой значения, проверяйте, если равен 100, то выполняйте то что хотели.

Answer 1

[Boris Köln]

Ваш код можно запускать по событию (правильно) или по setTimeout (неправильно).
Событие - либо нужный event слайдера (читайте по нему доку), либо onchange на числовом значении слайдера (ползунок то не для красоты, а для изменения конкретного числового поля).

Что хоть за слайдер?

Answer 2

[Ярослав Сиваков]

Браузер, насколько мне известно, не умеет ловить момент изменения style (точнее, не умеет вызывать вашу ф-ию в момент изменения), поэтому варианты такие:

• Правильный - почитать документацию на слайдер - у правильного слайдера есть параметр, куда можно засунуть вашу ф-ию, которая будет вызываться при переключениях.
  
• Вариант "и так сойдёт" - повесить свою ф-ию на таймер (setInterval), в которой проверять с заданной периодичностью стиль.
  

Проверять, к стати, нужно `style.top == "100px"`, а не `style.top == "100"`.