Range.surroundContents() method moves content of the
Range into a new node, placing the new node at the start of the
This method is nearly equivalent to
After surrounding, the boundary points of the
An exception will be thrown, however, if the
Range splits a non-
Text node with only one of its boundary points. That is, unlike the
alternative above, if there are partially selected nodes, they will not be cloned and
instead the operation will fail.
Nodewith which to surround the contents.
<span class="header-text">Put this in a headline</span>
const range = document.createRange(); const newParent = document.createElement('h1'); range.selectNode(document.querySelector('.header-text')); range.surroundContents(newParent);
|DOM Standard |
BCD tables only load in the browser