Как отслеживать состояние элемента в JavaScript?

Question

[Gimir]

Как сделать так чтобы если условие истинно (например -

if(document.querySelector('#search').style.width == "70%"){}

) то выполнялся код внутри нее, и чтобы это было как при добавлении обработчика событий, то есть если когда то ширина будет 70% то код выполняется...

Answer 1

[Сергей Соколов]

Варианты:

1. Хороший-быстрый-правильный: обойтись правилами CSS.
   
2. MutationObserver
   
3. Плохой-медленный-костыль: зарядить setInterval() и проверять свойства элемента пару раз в секунду.
   

Answer 2

[Interface]

marcj.github.io/css-element-queries - смотрите про "ResizeSensor Demo"