HTML DOM designMode Property (original) (raw)

Last Updated : 11 Jul, 2025

The **DOM designMode property in HTML is used to specify whether the document is editable or not. It can also be used to set the document editable.

**Syntax:

• **Set: This property is used to set whether the document is editable or not.

document.designMode = "on|off";

• **Get: This property is used to return whether the document is editable or not.

document.designMode

**Property Value: This property contains two values which are listed below:

• **off: It is the default value. In this mode, the document is not editable.
• **on: In this mode the document is editable.

**Example 1: In this example, we will use **DOM designMode property.

HTML `

GeeksforGeeks

DOM designMode Property

This document is editable!

<!-- script to set designMode property
    editable -->
<script>
    document.designMode = "on";
</script>

`

**Output:

**Example 2: In this example, we will use the get method of designMode.

HTML `

GeeksforGeeks

DOM designMode Property

`

**Output:

**Supported Browsers: The browser supported by the **designMode method are listed below:

• Google Chrome
• Edge
• Firefox
• Opera
• Safari