HTML DOM contentEditable 属性

实例

设置 <p> 元素内容为可编辑：

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

尝试一下

定义和使用

contentEditable 属性用于设置或返回元素的内容是否可编辑。

提示： 你也可以使用 isContentEditable 属性来查看元素的内容是否可编辑。

浏览器支持

表格中的数字表示支持该属性的第一个浏览器的版本号。

语法

返回 contentEditable 属性：

HTMLElementObject.contentEditable

设置 contentEditable 属性：

HTMLElementObject.contentEditable=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 属性 。