使用 MutationObserver 记录更改
Using MutationObserver to log changes
我希望能够在每次价格变化时console.log 显示价格。我正在尝试使用 MutationObserver 来执行此操作,这在价格更改时似乎有效,价格已注销。但出于某种原因,我一直注销相同的价格,即最便宜的尺寸。有什么地方出错了吗?
const elementToObserve = document.querySelector(".productItem");
const size = document.querySelector('.itemSize');
const observer = new MutationObserver(function() {
console.log(size.innerHTML);
});
observer.observe(elementToObserve, {
subtree: true,
childList: true
});
不要使用 .innerHTML 来获取内部内容,而是尝试使用 .textContent
console.log(size.textContent);
我希望能够在每次价格变化时console.log 显示价格。我正在尝试使用 MutationObserver 来执行此操作,这在价格更改时似乎有效,价格已注销。但出于某种原因,我一直注销相同的价格,即最便宜的尺寸。有什么地方出错了吗?
const elementToObserve = document.querySelector(".productItem");
const size = document.querySelector('.itemSize');
const observer = new MutationObserver(function() {
console.log(size.innerHTML);
});
observer.observe(elementToObserve, {
subtree: true,
childList: true
});
不要使用 .innerHTML 来获取内部内容,而是尝试使用 .textContent
console.log(size.textContent);