HTML DOM execCommand() Method (original) (raw)

Last Updated : 11 Jul, 2025

The **DOM execCommand() method in HTML DOM is used to execute a command specified by the user on the editable selected section.

**Syntax:

document.execCommand( command, showUI, value )

**Parameters: This method accepts three parameters which are listed below:

**command: This parameter hold the name of command which is execute on the selected section. There are many commands in HTML some of them are: _backcolor, _bold, _copy, _cut, _delete etc.
**showUI: It holds the Boolean value which indicating whether the UI shown or not.
**value: This parameter holds the value of commands.

**Note: This method has been DEPRECATED and is no longer recommended.

**Return Value: It returns a Boolean value. If the command is supported then it returns True otherwise returns False.

**Example:

html `

HTML DOM execCommand() Method

<!--script to make text bold-->
<script>
    document.designMode = "on";

    function execfunction(event) {
        document.execCommand("bold");
    }
</script>

<h1>
    Welcome to GeekforGeeks
</h1>

<h3>
    Document execCommand() Method
</h3>

<p>
    The execCommand() method executes a specified
    command on selected text or section.
</p>

<p>
    Select some text in this page, and move the mouse
    pointer away from it. It will make the text bold.
</p>

**Output:

**Before Select the content:

**After Select the content:

**After Moving Mouse pointer:

**Supported Browsers: The browser supported by _DOM execCommand() Method are listed below: