HTML DOM 元素 contentEditable
示例
此段落可編輯
<p id="myP" contenteditable="true">我是可編輯的。</p>
返回 true，如果“myP”可編輯
document.getElementById("myP").contentEditable;
自己動手試一試 »
將“myP”的內容設定為可編輯
document.getElementById("myP").contentEditable = "true";
自己動手試一試 »
更多示例見下文。
描述
contentEditable 屬性設定或返回元素的內容是否可編輯。
語法
返回 contentEditable 屬性
element.contentEditable
設定 contentEditable 屬性
ement.contentEditable = value
引數
| 引數 | 描述 |
| value | "true" - 內容可編輯 "false" - 內容不可編輯 "inherit" - 預設。如果父元素可編輯，則此元素也允許編輯 |
返回值
| 型別 | 描述 |
| 字串 | 如果元素可編輯，則返回 true，否則返回 false。 |
切換內容可編輯狀態
const x = document.getElementById("myP");
if (x.contentEditable == "true") {
x.contentEditable = "false";
button.innerHTML = "啟用 myP 的編輯功能！";
} else {
x.contentEditable = "true";
button.innerHTML = "停用 myP 的編輯功能！";
}
自己動手試一試 »
瀏覽器支援
element.contentEditable() 是 DOM Level 1 (1998) 的一項功能。
所有瀏覽器都完全支援。
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 9-11 |
