How to get the parent of an element in JavaScript

To get the parent node of an HTML element, you can use the parentNode property. This property returns the parent node of the specified element as a Node object.

Let us say you have the following HTML code:

<div class="wrapper">
    <button id="btn">Click Me</button>
</div>

The following example demonstrates how you can get the parent node of button:

const button = document.querySelector('#btn');

const div = button.parentNode;

console.log(div.classList[0]); // wrapper

The parentNode property is read-only, which means you can not modify it.

In HTML, the document is itself the parent node of html element. Both body and head elements are child nodes of the html element.

✌️ Like this article? Follow me on Twitter and LinkedIn. You can also subscribe to RSS Feed.