HTML DOM contentEditable 屬性

HTML 元素對象參考手冊 元素對象

實例

設置 <p> 元素內容為可編輯:

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

定義和使用

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

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

流覽器支持

表格中的數字表示支持該屬性的第一個流覽器的版本號。

屬性
contentEditable 11.0 5.5 3.0 3.2 10.6

語法

返回 contentEditable 屬性:

HTMLElementObject.contentEditable

設置 contentEditable 屬性:

HTMLElementObject.contentEditable=true|false

屬性值

值 描述
true|false 描述元素的內容是否可編輯。

可能值：
  • inherit - 默認。如果父級元素是可編輯，則子元素內容也是可編輯的。
  • true - 內容可編輯
  • false - 內容不可編輯

技術細節

返回值: 布爾值，如果元素是可編輯的返回 true，否則返回 false

更多實例

實例

查看 <p> 元素是否可編輯:

var x = document.getElementById("myP").contentEditable;

x 輸出結果為:

true


實例

切換 <p> 元素的編輯狀態：

var x = document.getElementById("myP");
if (x.contentEditable == "true") {
    x.contentEditable = "false";
    button.innerHTML = "p 元素內容可編輯!";
} else {
    x.contentEditable = "true";
    button.innerHTML = "p 元素內容不可編輯!";
}


相關頁面

HTML 參考手冊: HTML contenteditable 屬性

HTML 元素對象參考手冊 元素對象