Insertion Outside

Question 1

Insert element before single target

target.before(element);

Answer 1

element.insertAdjacentHTML(position, text);

‘beforebegin’

Before the element itself.

‘afterbegin’

Just inside the element, before its first child.

‘beforeend’

Just inside the element, after its last child.

‘afterend’

After the element itself.

OR

The Node.insertBefore() method inserts the specified node before the reference node as a child of the current node.

text is the string to be parsed as HTML or XML and inserted into the tree.

Question 2

element.after(htmlString)

Answer 2

el.insertAdjacentHTML(‘afterend’, htmlString)

OR

element.parentNode.insertBefore(newElement, element.nextSibling);