HTMLIFrameElement: contentDocument property

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

If the iframe and the iframe's parent document are Same Origin, returns a Document (that is, the active document in the inline frame's nested browsing context), else returns null.

Example of contentDocument

js
const iframeDocument = document.querySelector("iframe").contentDocument;

iframeDocument.body.style.backgroundColor = "blue";
// This would turn the iframe blue.

Specifications

Specification

HTML
# dom-iframe-contentdocument

Browser compatibility

Enable JavaScript to view this browser compatibility table.

Help improve MDN

Was this page helpful to you?

Yes No

Learn how to contribute

This page was last modified on Nov 30, 2025 by MDN contributors.

View this page on GitHub • Report a problem with this content

HTMLIFrameElement: contentDocument property

In this article

Example of contentDocument

Specifications

Browser compatibility

Help improve MDN