Document: head property

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨June 2018⁩.

The head read-only property of the Document interface returns the <head> element of the current document.

Value

html

<!doctype html>
<head id="my-document-head">
 <title>Example: using document.head</title>
</head>

const theHead = document.head;
console.log(theHead.id); // "my-document-head";
console.log(theHead === document.querySelector("head")); // true

document.head is read-only. Trying to assign a value to this property will fail silently or, in Strict Mode, throws a TypeError.

Specification
HTML # dom-document-head-dev

This page was last modified on ⁨Jun 3, 2025⁩ by MDN contributors.