Метод MutationObserver: takeRecords()

Метод MutationObserver takeRecords() возвращает список всех сопоставленных изменений DOM, которые были обнаружены, но ещё не обработаны функцией обратного вызова наблюдателя, оставляя очередь мутаций пустой.

Наиболее распространённый случай использования — это немедленное получение всех ожидающих записей мутаций непосредственно перед отключением наблюдателя, чтобы любые ожидающие мутации могли быть обработаны при завершении работы наблюдателя.

Нет.

Массив объектов MutationRecord, каждый из которых описывает одно изменение, применённое к наблюдаемой части дерева DOM документа.

В этом примере демонстрируется, как обрабатывать любые непереданные MutationRecord, вызывая takeRecords() непосредственно перед отключением наблюдателя.

const targetNode = document.querySelector("#someElement");
const observerOptions = {
  childList: true,
  attributes: true,
};

const observer = new MutationObserver(callback);
observer.observe(targetNode, observerOptions);

/* later, when it's time to stop observing… */

/* handle any still-pending mutations */

let mutations = observer.takeRecords();

observer.disconnect();

if (mutations.length > 0) {
  callback(mutations);
}

Код извлекает любые необработанные записи мутаций, затем вызывает функцию обратного вызова с записями, чтобы они могли быть обработаны. Это делается непосредственно перед вызовом disconnect() для остановки наблюдения за DOM.