HTML DOM 元素 contentEditable

示例

此段可编辑：

<p id="myP" contenteditable="true">I am editable.</p>

如果 "myP" 可编辑，则返回 true：

document.getElementById("myP").contentEditable;

亲自试一试 »

将"myP"的内容设置为可编辑：

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

亲自试一试 »

下面有更多示例。

描述

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

也可以看看

isContentEditable 属性

HTML contenteditable 属性

语法

返回 contentEditable 属性：

element.contentEditable

设置 contentEditable 属性：

ement.contentEditable = value

参数

Parameter	Description
value	"true" - The content is editable "false" - The content is not editable "inherit"- Default. Is editable if parent element is editable

返回值

类型	描述
字符串	`true`如果元素可编辑，否则`false`。

在可编辑内容之间切换：

const x = document.getElementById("myP");
if (x.contentEditable == "true") {
x.contentEditable = "false";
button.innerHTML = "Enable myP to be editable!";
} else {
x.contentEditable = "true";
button.innerHTML = "Disable myP be editable!";
}

亲自试一试 »

浏览器支持

element.contentEditable()是 DOM Level 1 (1998) 功能。

所有浏览器都完全支持它：


Chrome	Edge	Firefox	Safari	Opera	IE
Yes	Yes	Yes	Yes	Yes	9-11