parentNode?node.parentNode returns the parent Node of a node in the DOM tree, or null if there is no parent (MDN). The parent may be an Element, Document, or DocumentFragment. Use parentElement when you need an Element-only parent.
Status: Baseline Widely available (since July 2015) — not Deprecated, Experimental, or Non-standard. Read-only — change structure with append/remove APIs, not by assigning here.
node.parentNode
→ parent Node (Element | Document | DocumentFragment | …)
→ or null (no parent)
always null:
document.parentNode
DocumentFragment.parentNode
freshly created, unattached nodes
parentNode → any parent type
parentElement → Element only (else null)
Classic remove:
if (node.parentNode) {
node.parentNode.removeChild(node);
}| Goal | Prefer |
|---|---|
| Any parent node | node.parentNode |
| Parent tag (Element) | node.parentElement |
| Owning Document | node.ownerDocument |
parentNodeRead the parent Node, null-check, then act (inspect, remove, climb).
node.parentNode.null, use it (e.g. removeChild, inspect nodeName).parentElement when you need Element APIs like style.| Piece | Required? | Role |
|---|---|---|
node | Yes | Any DOM Node |
| Return | — | Parent Node, or null |
| Null check | Usually | Avoid calling methods on null |
parent = node.parentNode
if parent is null:
// detached, or Document / DocumentFragment
else:
// parent may be Element, Document, …
parent.removeChild(node) // classic remove
// vs parentElement:
html.parentNode → document
html.parentElement → null
document.parentNode → null // never has a parentKeep these facts handy when walking up the DOM.
| Topic | Detail |
|---|---|
| Syntax | node.parentNode |
| Returns | Node or null |
| Mutates? | No — read-only |
vs parentElement | Any parent vs Element-only |
document / Fragment | Always null (no parent) |
| Detached node | null (not attached yet) |
| Standard | Baseline Widely available (since July 2015) |
Read parentNode, compare with parentElement, or run the MDN remove pattern.
Short, copy-ready snippets based on MDN Node.parentNode. Use Try It Yourself for a live editor.
A child inside a wrapper reports that wrapper as parentNode.
const child = document.getElementById("child");
const parent = child.parentNode;
console.log(parent.id); // "wrap"
console.log(parent.nodeName); // "DIV"div.id and nodeName work on the Element parent.parentNode (MDN)MDN’s classic: remove a node only if it already has a parent.
const node = document.getElementById("child");
if (node.parentNode) {
node.parentNode.removeChild(node);
console.log("Removed via parentNode");
}
console.log(node.parentNode); // null after removeremoveChild needs the parent.node.remove() when you do not need the parent pointer.parentNode vs parentElementThe document root’s parent is the Document — a Node, not an Element.
const html = document.documentElement;
console.log(html.parentNode); // document
console.log(html.parentElement); // nullnull.MDN: Document and DocumentFragment always return null.
const frag = document.createDocumentFragment();
console.log(document.parentNode); // null
console.log(frag.parentNode); // null
console.log(frag.nodeName); // "#document-fragment"parentNode until moved.Created but not appended elements return null until attached.
const orphan = document.createElement("div");
console.log(orphan.parentNode); // null
console.log(orphan.isConnected); // false
document.body.appendChild(orphan);
console.log(orphan.parentNode === document.body); // truebody.Check these before assuming every node has a parent.
MDN: these node types never have a parent. Do not treat that as a bug.
Fresh createElement results return null until you append them.
Prefer parentElement for Element APIs; use parentNode when Document / Fragment parents matter.
Follow MDN: if (node.parentNode) { node.parentNode.removeChild(node); }.
Node.parentNode is marked Baseline Widely available on MDN (since July 2015).
Returns any parent Node or null. Broader than parentElement. Classic removeChild partner. Safe everyday DOM API.
Bottom line: Safe everyday DOM API. Remember Document → null. See the MDN parentNode reference.
| Approach | Cost | Best for |
|---|---|---|
node.parentNode | O(1) | One step up the tree |
Climb with while | O(depth) | Ancestor walks (any Node) |
node.remove() | O(1) | Remove without reading parent |
One parent read is cheap. Prefer node.remove() when you only need to detach and do not care about the parent pointer.
null if none.removeChild (or use node.remove()).One line: parentNode is the parent in the tree — any Node type — or null when there is none.
Walk sideways to the previous sibling node in the tree.
9 people found this page helpful