Insertion Around

Question 1

Wrap

element.wrap(‘

’);

Answer 1

Quick & dirty way. Destroys all event hooks, etc. Use with caution:

element.outerHTML = ‘

’ + element.outerHTML + ‘
‘;

Safe

var wrapper = document.createElement(‘div’); element.before(wrapper); wrapper.append(element);

Question 2

WrapAll

elements.wrapAll(‘

’);

Answer 2

ES6

var wrapper = document.createElement(‘div’); elements[0].before(wrapper); elements.forEach(x => wrapper.append(x));

ES5

var wrapper = document.createElement(‘div’); elements[0].before(wrapper); elements.forEach(function(element) { wrapper.append(element); });

Question 3

WrapInner

element.wrapInner(‘

’);

Answer 3

Quick & dirty way. Destroys all event hooks, etc. Use with caution:

element.innerHTML = ‘

’ + element.innerHTML + ‘
‘;

Safe

var wrapper = document.createElement(‘div’); while (element.firstChild) wrapper.append(element.firstChild); element.append(wrapper);

Question 4

unwrap

element.unwrap();

Answer 4

Quick & dirty way. Destroys all event hooks, etc. Use with caution

var wrapper = element.parentElement; while (wrapper.firstChild) wrapper.before(wrapper.firstChild); wrapper.remove();