当 node 添加到document.body时，我使用的是window.getComputedStyle.但有一个问题:它总是输出none，但我确信那个子元素有filter风格，而不是none.有什么问题？
我的代码是:
const observer = new MutationObserver((mutationList, observer) => {
for (const mutation of mutationList) {
const target = mutation.target;
const style = window.getComputedStyle(target);
console.log(style.filter);
}
});
observer.observe(document.body, { childList: true, subtree: true });
我try 使用setTimeout和其他，但没有解决问题
问题是因为mutationList将包含对Mutations 元素的引用，即.doctor.body，而不是子元素.显然，body没有应用filter.
要解决该问题，您需要询问处理程序中的变异元素以找到新内容(可通过addedNodes属性访问该内容)，并判断其中的filter值.
const observer = new MutationObserver((mutationList, observer) => {
for (const mutation of mutationList) {
mutation.addedNodes.forEach(child => {
const style = window.getComputedStyle(child);
console.log(style.filter);
});
}
});
const container = document.querySelector('#container');
observer.observe(container, {
childList: true,
subtree: true
});
// for demo only
document.querySelector('button').addEventListener('click', () => {
const span = document.createElement('span');
span.textContent = 'foo';
span.style = 'filter: blur(1px)';
container.appendChild(span);
});span {
display: block;
}<button>Add element</button>
<div id="container"></div>