HTML DOM Element contentEditable 屬性

定義和用法

contentEditable 屬性設置或返回元素的內容是否可編輯。

提示：您也可以使用 isContentEditable 屬性來查明元素內容是否可編輯。

另請參閱：

isContentEditable 屬性

HTML contenteditable 屬性

實例

例子 1

本段可編輯：

<p id="myP" contenteditable="true">I am editable.</p>

如果 "myP" 是可編輯的，則返回 true：

document.getElementById("myP").contentEditable;

親自試一試

例子 2

將 "myP" 的內容設置為可編輯：

document.getElementById("myP").contentEditable = "true";

親自試一試

例子 3

在內容可編輯之間切換：

cinst x = document.getElementById("myP");
if (x.contentEditable == "true") {
  x.contentEditable = "false";
  button.innerHTML = "Enable myP to be editable!";
} else {
  x.contentEditable = "true";
  button.innerHTML = "Disable myP be editable!";
}

親自試一試

語法

返回 contentEditable 屬性：

element.contentEditable

設置 contentEditable 屬性：

element.contentEditable = value

屬性值

值 描述
value
  • "true" - 內容可編輯
  • "false" - 內容不可編輯
  • "inherit" - 默認。如果父元素可編輯，則可編輯

返回值

類型 描述
字符串 如果元素可編輯，則為 true，否則為 false。

瀏覽器支持

element.contentEditable() 是 DOM Level 1 (1998) 特性。

所有瀏覽器都完全支持它：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
支持 9-11 支持 支持 支持 支持