HTML DOM 元素 contentEditable
示例
此段落可编辑
<p id="myP" contenteditable="true">我是可编辑的。</p>
返回 true,如果“myP”可编辑
document.getElementById("myP").contentEditable;
自己动手试一试 »
将“myP”的内容设置为可编辑
document.getElementById("myP").contentEditable = "true";
自己动手试一试 »
更多示例见下文。
描述
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 Level 1 (1998) 的一项功能。
所有浏览器都完全支持。
Chrome | Edge | Firefox | Safari | Opera | IE |
是 | 是 | 是 | 是 | 是 | 9-11 |