How to Select the Document Root Element With JavaScript?

In this article we're going to show you how to select the root element in a document. The root element may differ in different types of documents. For example, in an HTML document the root element is the html tag, in an RSS document the root element is the rss tag, etc.

Using document.documentElement

document.documentElement returns the root element of the document. For example:

console.log(document.documentElement);

Using document.querySelector()

We can use the :root selector, which matches the root element of the document, with document.querySelector() in the following way to get the root element:

console.log(document.querySelector(':root'));

This post was published by Daniyal Hamid. Daniyal currently works as the Head of Engineering in Germany and has 20+ years of experience in software engineering, design and marketing. Please show your love and support by sharing this post.