js的属性监听

<!DOCTYPE html>

<html>

<head>

</head>

<body>

var MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver;

var element = document.querySelector('#test');

var target = document.querySelector('#target')

var observer = new MutationObserver(function (mutations) {

mutations.forEach(function (mutation) {

if (mutation.type == "attributes" ) {

console.log(mutation.target.style.display);

if(mutation.target.style.display == 'none'){

testing.style.display = 'none'

}else{

testing.style.display = 'block'

}

});

observer.observe(element, {

attributes: true

});

</script>

</body>

</html>

巴特西