HTML DOM 元素 contentEditable
示例
本段文字可编辑
<p id="myP" contenteditable="true">我可以编辑。</p>
如果“myP”可编辑，则返回 true
document.getElementById("myP").contentEditable;
亲自试一试 »
将“myP”的内容设置为可编辑
document.getElementById("myP").contentEditable = "true";
亲自试一试 »
更多示例如下。
描述
The contentEditable 属性设置或返回元素内容是否可编辑。
语法
返回 contentEditable 属性
element.contentEditable
设置 contentEditable 属性
ement.contentEditable = value
参数
| 参数 | 描述 |
| value | "true" - 内容可编辑 "false" - 内容不可编辑 "inherit"- 默认值。如果父元素可编辑，则可编辑 |
返回值
| 类型 | 描述 |
| 字符串 | 如果元素可编辑，则为 true，否则为 false。 |
在内容可编辑之间切换
const x = document.getElementById("myP");
if (x.contentEditable == "true") {
x.contentEditable = "false";
button.innerHTML = "启用 myP 可编辑！";
} else {
x.contentEditable = "true";
button.innerHTML = "禁用 myP 可编辑！";
}
亲自试一试 »
浏览器支持
element.contentEditable() 是 DOM 级别 1 (1998) 功能。
它在所有浏览器中都得到完全支持
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 9-11 |
