淘宝双十一超级红包 》
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 属性