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