JF
Size: a a a
JF
JF
observer.observe(target, { attributes : true, attributeFilter : ['style'] });
DD
observer.observe(target, { attributes : true, attributeFilter : ['style'] });
DD
DD
DD
JF
DD
DD
let target = document.getElementsByClassName('status-end')[0];
let callback = function(mutationsList, observer) {
console.log(mutationsList);
};
let observer = new MutationObserver(callback);
observer.observe(target, { attributes : true, attributeFilter : ['style'] });
JF
DD
DD
DD
DD
JF
JF
JF
function observer() {Вот так накидал
let target = document.getElementById('styleEl');
let callback = (mutationsList, observer) => {
console.log(mutationsList);
};
let observer = new MutationObserver(callback);
observer.observe(target, { attributes : true, attributeFilter : ['style'] });
}
function init() {
observer();
}
function do1() {
document.getElementById('styleEl').style.width = '50px';
}
function do2() {
document.getElementById('styleEl').style.width = '100px';
}
JF
<button id="styleEl" onclick="init()">Test</button>
<button onclick="do1()">Style1</button>
<button onclick="do2()">Style1</button>
DD
JF