突变观察者事件新值

Question

我正在学习使用 Mutation 观察器 class，主要是在这里：https://javascript.info/mutation-observer

我知道如何监听属性的变化，以及如何使用 attributeOldValue 获取旧属性值。但是我可以从同一个事件中获取新的属性值吗？如果是这样，如何？谢谢

Answer 1

您可以直接从更改的对象中直接查询当前值。

// is element is an input
const newValue = document.getElementByID('myElement').value;


// or, if it is a any text element
const newValue = document.getElementByID('myElement').innerHTML;

此外，每个 MutationRecord 都有一个名为 target 的属性，其中包含有关已更改对象的所有详细信息。因此，根据 MutationRecord.type（它告诉我们发生了什么类型的更改），您可以从 MutationRecord.target

中相应的属性获取新值

突变观察者事件新值

Mutation observer event new value

javascript

mutation-observers