HTML DOM contentEditable 屬性
定義和使用
contentEditable 屬性用於設置或返回元素的內容是否可編輯。
提示：你也可以使用isContentEditable屬性來查看元素的內容是否可編輯。
瀏覽器支持
表格中的數字表示支持該屬性的第一個瀏覽器的版本號。
| 屬性 | |||||
|---|---|---|---|---|---|
| contentEditable | 11.0 | 5.5 | 3.0 | 3.2 | 10.6 |
語法
返回contentEditable 屬性:
HTMLElementObject .contentEditable
設置contentEditable 屬性:
HTMLElementObject .contentEditable=true|false
屬性值
| 值 | 描述 |
|---|---|
| true|false | 描述元素的內容是否可編輯。 可能值：
|
技術細節
| 返回值: | 布爾值，如果元素是可編輯的返回true，否則返回false |
|---|
更多實例
實例
切換<p> 元素的編輯狀態：
var x = document.getElementById("myP");
if (x.contentEditable == "true") {
x.contentEditable = "false";
button.innerHTML = "p 元素內容可編輯!";
} else {
x.contentEditable = "true";
button.innerHTML = "p 元素內容不可編輯!";
}
if (x.contentEditable == "true") {
x.contentEditable = "false";
button.innerHTML = "p 元素內容可編輯!";
} else {
x.contentEditable = "true";
button.innerHTML = "p 元素內容不可編輯!";
}
嘗試一下»
相關頁面
HTML參考手冊: HTML contenteditable屬性