HTML DOM execCommand() Method

Last Updated : 13 Jun, 2023

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

<!DOCTYPE html> 
<html> 
    <head> 
        <title> 
            HTML DOM execCommand() Method 
        </title> 
          
        <!--script to make text bold-->
        <script> 
            document.designMode = "on"; 
              
            function execfunction(event) { 
                document.execCommand("bold"); 
            } 
        </script> 
    </head> 
      
    <!--onmouseout event when the user moves the mouse  
    pointer after selecting, this execfunction() 
    will execute.-->
    <body onmouseout = "execfunction(event)"> 
      
        <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> 
    </body> 
</html>                     