HTMLElement: isContentEditable property
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since December 2021.
The HTMLElement.isContentEditable
read-only property
returns a boolean value that is true
if the contents of the element
are editable; otherwise it returns false
.
Value
A boolean value.
Examples
HTML
html
<p id="firstParagraph">Uneditable Paragraph</p>
<p id="secondParagraph" contenteditable="true">Editable Paragraph</p>
<p id="infoText1">Is the first paragraph editable?</p>
<p id="infoText2">Is the second paragraph editable?</p>
JavaScript
js
const firstParagraph = document.getElementById("firstParagraph");
const secondParagraph = document.getElementById("secondParagraph");
const infoText1 = document.getElementById("infoText1");
const infoText2 = document.getElementById("infoText2");
infoText1.textContent += " " + firstParagraph.isContentEditable;
infoText2.textContent += " " + secondParagraph.isContentEditable;
Result
Specifications
Specification |
---|
HTML Standard # dom-iscontenteditable-dev |
Browser compatibility
BCD tables only load in the browser
See also
HTMLElement/contentEditable
- The
contenteditable
global attribute.