DOM manipulation convenience methods

jQuery-like methods on DOM nodes to insert nodes around or within a node, or to replace one node with another. These methods accept any number of DOM nodes or HTML strings as arguments. Includes: ChildNode.before, ChildNode.after, ChildNode.replaceWith, ParentNode.prepend, and ParentNode.append.

Chrome

❌ 4 - 51: Not supported
❌ 52 - 53: Disabled by default
✅ 54 - 141: Supported
✅ 142: Supported
✅ 143 - 145: Supported

Edge

❌ 12 - 16: Not supported
✅ 17 - 141: Supported
✅ 142: Supported

Safari

❌ 3.1 - 9.1: Not supported
✅ 10 - 26.0: Supported
✅ 26.1: Supported
✅ 26.2 - TP: Supported

Firefox

❌ 2 - 48: Not supported
✅ 49 - 143: Supported
✅ 144: Supported
✅ 145 - 147: Supported

Opera

❌ 9 - 39: Not supported
❌ 40: Disabled by default
✅ 41 - 121: Supported
✅ 122: Supported

IE

❌ 5.5 - 10: Not supported
❌ 11: Not supported

Chrome for Android

✅ 142: Supported

Safari on iOS

❌ 3.2 - 9.3: Not supported
✅ 10 - 18.6: Supported
✅ 26.0: Supported
✅ 26.1: Supported

Samsung Internet

❌ 4 - 5.4: Not supported
✅ 6.2 - 28: Supported
✅ 29: Supported

Opera Mini

❌ all: Not supported

Opera Mobile

❌ 10 - 12.1: Not supported
✅ 80: Supported

UC Browser for Android

✅ 15.5: Supported

Android Browser

❌ 2.1 - 4.4.4: Not supported
✅ 142: Supported

Firefox for Android

✅ 144: Supported

QQ Browser

✅ 14.9: Supported

Baidu Browser

✅ 13.52: Supported

KaiOS Browser

❌ 2.5: Not supported
✅ 3: Supported

Resources:: WHATWG DOM Specification for ChildNode; WHATWG DOM Specification for ParentNode; DOM4 polyfill; JS Bin testcase