Как получать текущее CSS значение элемента

Question

У меня есть элемент который будет изменять своё свойство scale динамически, и мне надо получать значение scale каждый раз, как оно изменяется, желательно без каких либо библиотек.

Я знаю, что можно получить значение css свойства через getComputedStyle(), но если я не ошибаюсь оно получает его всего один раз, а мне надо, чтоб каждый раз, как значение изменялось.

Answer 1

У меня получилось вот так, на примере этой программы видно изменение значения sacle, его получение после изменение и применение полученного значения

window.onload = function(){
   var cube = document.getElementById("cube")
   
   setInterval(CubeTransform,500)
   var i = 0;
   var mn = 0.5;
   function CubeTransform(){
   i = i + mn;
   cube.style = "transform: scale("+i+");";
   if(i == 5||i == 0){mn = mn*-1}
   cube.innerHTML = cube.style.transform;// Получаем sacle куба в любой момент
   
   }

}

  #cube {
    
    
    margin: 20%;
    width: 30px;
    background-color: rgb(235, 120, 235);
    height: 30px;
    
    }
    body {
    margin: 0; 
    }

    <div id="cube" style="transform: scale(1)">
        
      </div>

БЛОГ НА HUSL

Как получать текущее CSS значение элемента

Ответы (1 шт):