实例
设置 <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 | 描述元素的内容是否可编辑。 可能值：
|
技术细节
| 返回值: | 布尔值，如果元素是可编辑的返回 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 元素内容不可编辑!";
}