insertBefore method, and how to implement the insertAfter method

Little scum · Posted on 10/19/2018 11:17:51 AM

The js native method insertBefore is used to insert a new element before an element
Definition:

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

Syntax: parentElement.insertBefore(newElement, referElement)

It is worth noting
1. If the newElement to be inserted already exists in the DOM tree, then performing this method will remove the node from the DOM tree.
2. If the referElement is null, then the newElement is added to the end of the child node of the parent node

Since there is no insertAfter method native in JS, how to implement this function?

The element node also has a property: nextSibling, which points to the element's next sibling element, which is null if it is already a final child node.

Based on the above, the insertAfter function can be implemented

Login is visible.

feiyiban · Posted on 10/22/2018 2:02:53 PM

Not bad

[JavaScript] insertBefore method, and how to implement the insertAfter method

Related Posts

Sections viewed