I'm looking for a JavaScript function which does the same thing as jQuery's detach() (detach an element from DOM without removing it). I came across this, but it's not an officially supported function. Does JavaScript have a function similar to .detach() that is built in?

I'm looking for a JavaScript function which does the same thing as jQuery's detach() (detach an element from DOM without removing it). I came across this, but it's not an officially supported function. Does JavaScript have a function similar to .detach() that is built in?

• javascript

• Does JavaScript have a function similar to .detach() that is built in?: Answer: No. – Randy Casburn Commented Mar 22, 2018 at 2:03
• Don't forget jQuery is a Javascript library. You could read the source code of jQuery's detach function and try re-implement the behaviour. – ncphillips Commented Mar 22, 2018 at 2:07
• github.com/jquery/jquery/blob/… – Randy Casburn Commented Mar 22, 2018 at 2:11
• Just to be more (perhaps excruciatingly and unnecessarily) precise about this, JavaScript itself doesn't have any methods for manipulating the DOM at all. It's the DOM that provides such methods. The better question would be if there's a standard DOM method similar to jQuery's detach. – kshetline Commented Mar 22, 2018 at 2:12

1 Answer 1

Something like this?

function detach(node) {
  return node.parentElement.removeChild(node);
}

or, even you can just use node.parentElement.removeChild(node)

Brief explanation. From MDN

The Node.removeChild() method removes a child node from the DOM. Returns removed node.

The removed child node still exists in memory, but is no longer part of the DOM. ... you may reuse the removed node later in your code....