W3cubDocs

/DOM

MutationObserverInit.subtree

The MutationObserverInit dictionary's optional subtree property can be set to true to monitor the targeted node and all of its descendants. The default value, false, indicates only the target node itself is to be monitored for changes.

subtree can be used in concert with the other options to extend monitoring of attributes, text content, and child lists to the entire subtree rooted at the target node.

Syntax

var options = {
  subtree: true | false
}

Value

A Boolean value. The default, false, indicates that only the target node specified when calling MutationObserver.observe() is to be monitored for changes. Changing this value to true causes the entire subtree rooted at the specified target node to be monitored for the changes indicated by the other options.

For example, to watch the target node only for attribute changes, the MutationObserverInit passed into MutationObserver() can be:

var options = {
  attributes: true,
  subtree: false
};

Since the default value of subtree is false, line 3 is optional.

To monitor the entire subtree for attribute changes, simply set subtree to true:

var options = {
  attributes: true,
  subtree: true
};

Example

Specifications

Browser compatibilityUpdate compatibility data on GitHub

Desktop
Chrome Edge Firefox Internet Explorer Opera Safari
Basic support 26
26
18 — 26
Prefixed
Prefixed Requires the vendor prefix: webkit
Yes 14 11 15 7
7
6 — 7
Prefixed
Prefixed Requires the vendor prefix: webkit
Mobile
Android webview Chrome for Android Edge Mobile Firefox for Android Opera for Android iOS Safari Samsung Internet
Basic support ? 26
26
18 — 26
Prefixed
Prefixed Requires the vendor prefix: webkit
? 14 15 7
7
6 — 7
Prefixed
Prefixed Requires the vendor prefix: webkit
?

© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/MutationObserverInit/subtree