DOM: insertAdjacentElement

By Xah Lee. Date: . Last updated: .

node.insertAdjacentElement(position, new_node)

Move node new_node to a position around node node.

It can insert {before, after} node as sibling, or as {first, last} child of node.

position is a string, and must be one of:

Return the element inserted, or null if failed.

// create your new node <p>Hi</p>
const y = document .createElement("p");
y.textContent = "hi hi hi hi hi hi hi";

// a existing node
const x = document .getElementsByTagName ('p')[0] ;

// insert after
x.insertAdjacentElement("afterend", y);

back to DOM: Basic DOM Methods

Like it? Help me by telling your friends. Or, Put $5 at patreon.

Or, Buy JavaScript in Depth

If you have a question, put $5 at patreon and message me.

Web Dev Tutorials

  1. HTML
  2. Visual CSS
  3. JS in Depth
  4. JS Object Ref
  5. DOM Scripting
  6. SVG
  7. Blog