Как отследить изменение стиля у элемента?

<textarea class="description"  name="text" style="display: none;">
</textarea>

меняется на

<textarea class="description"  name="text" style>
</textarea>

Как можно отследить это изменение?


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

Автор решения: Sheridan

Можно, используя MutationObserver:

var observer = new MutationObserver(function(mutations) {
    mutations.forEach(function(mutationRecord) {
        console.log('style changed!');
    });    
});

var target = document.getElementById('myId');
observer.observe(target, { attributes : true, attributeFilter : ['style'] });

, где MutationRecord будет содержать в себе старый и новый стили.

→ Ссылка