HTML | DOM contentEditable Property Last Updated : 30 Nov, 2019 Comments Improve Suggest changes Like Article Like Report The DOM contentEditable property is used to return a Boolean value where true means the content of an element is editable and false represents the content is not editable. This property is read-only. Syntax: Returns the contentEditable property: HTMLElementObject.contentEditable Set the contentEditable property: HTMLElementObject.contentEditable = true | false Return Value: This property returns a Boolean value: True - It means the content of an element is editable. False - It means that the content of an element is not editable. Example: html <!DOCTYPE html> <html> <head> <title> DOM iscontentEditable Property </title> </head> <body style="text-align: center"> <h1 style="color:green"> GeeksforGeeks </h1> <h2> DOM contentEditable Property </h2> <span id="P" contenteditable="true"> Span 1 is editable. </span> <br> <button onclick="GFGFun()"> Click </button> <p id="pid"></p> <p id="pid1"></p> <script> function GFGFun() { var gfgvar = document.getElementById("P").isContentEditable; document.getElementById("pid").innerHTML = "Span 1 is editable: " + gfgvar; } </script> </body> </html> Output: Before Click on Button: After Click on Button: Supported Browsers: The browser supported by contentEditable attribute are listed below: Chrome Firefox Internet Explorer Opera Safari Comment More infoAdvertise with us Next Article HTML DOM Meta content Property S shubham_singh Follow Improve Article Tags : HTML HTML-DOM Similar Reads HTML DOM Meta content Property The Meta content Property in HTML DOM is used for setting or returning the value of the content attribute of a <meta> element. The content attribute is used to specify the content of the meta-information. Syntax: It is used to return the content property:metaObject.content It is used to set th 2 min read HTML DOM attributes Property The attributes property in HTML DOM returns the group of node attributes specified by NamedNodeMap objects. The NamedNodeMap object represents the collection of attribute objects and can be accessed by index number. The index number starts at 0. Syntax: node.attributes Return Value: It returns the N 2 min read HTML DOM body Property The HTML DOM Body property is used to set the document <body> element. It only returns the content present in the <body> Tag. This property is used to change the present content inside the <body> element and sets them with the new specified content. This property does not return th 2 min read HTML DOM body Property The HTML DOM Body property is used to set the document <body> element. It only returns the content present in the <body> Tag. This property is used to change the present content inside the <body> element and sets them with the new specified content. This property does not return th 2 min read HTML DOM designMode Property 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 wheth 2 min read HTML DOM designMode Property 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 wheth 2 min read Like