DOM | Интерфейс MutationRecord

IDL

[Exposed=Window]
interface MutationRecord {
   readonly attribute DOMString type;
   [SameObject] readonly attribute Node target;
   [SameObject] readonly attribute NodeList addedNodes;
   [SameObject] readonly attribute NodeList removedNodes;
   readonly attribute Node? previousSibling;
   readonly attribute Node? nextSibling;
   readonly attribute DOMString? attributeName;
   readonly attribute DOMString? attributeNamespace;
   readonly attribute DOMString? oldValue;
};

Для веб-разработчиков (не нормативно)

record . type

Возвращает «attributes«, если это было изменение атрибута. «characterData«, если это была мутация узла CharacterData. И «childList«, если это была мутация дерева узлов.

record . target

Возвращает узел, на котором произошла мутация, в зависимости от типа type. Для «attributes» это элемент, атрибут которого изменился. Для «characterData» это узел CharacterData. Для «childList» это узел, чьи дети изменились.

record . addedNodes

Возвращает добавленные узлы.

record . removedNodes

Возвращает удаленные узлы.

record . previousSibling

Возвращает предыдущего родственника добавленных или удаленных узлов соответственно, в противном случае — null.

record . nextSibling

Возвращает следующего родственника добавленных или удаленных узлов соответственно, в противном случае — null.

record . attributeName

Возвращает локальное имя измененного атрибута, в противном случае — null.

record . attributeNamespace

Возвращает пространство имен измененного атрибута, в противном случае — null.

record . oldValue

Возвращаемое значение зависит от типа type. Для «attributes» это значение измененного атрибута до изменения. Для «characterData» это данные измененного узла до изменения. Для «childList» это ноль.

Атрибуты type, target, addedNodes, removedNodes, previousSibling, nextSibling, attributeName, attributeNamespace, и oldValue должны возвращать значения, которыми они были инициализированы.

Ссылки

DOM стандарт — https://efim360.ru/dom/

Читайте перевод полной версии стандарта «объектной модели документа», чтобы ознакомиться со всеми концепциями и интерфейсами.

DOM — Living Standard — https://dom.spec.whatwg.org

Читайте официальную документацию живого стандарта «объектной модели документа», чтобы быть в курсе последних изменений.