HTML DOM contentEditable 属性

HTML DOM Element 对象

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

您还可以使用isContentEditable属性来确定元素的内容是否可编辑。

语法:

返回contentEditable属性:

HTMLElement.contentEditable

设置contentEditable属性:

HTMLElement.contentEditable = true|false
document.getElementById("x").contentEditable = "true";
测试看看‹/›

浏览器兼容性

表中的数字指定了完全支持contentEditable属性的第一个浏览器版本:

属性
contentEditable113.593.26

属性值

描述
true|false指示元素是否可编辑。
可能的值:
  • “ true” -表示元素是可编辑的

  • “ false” -表示无法编辑元素

  • “inherit” -指示元素继承其父级的可编辑状态

技术细节

返回值:一个String,如果元素是可编辑的,则为true;否则返回false

更多实例

检查第一个<h3>元素是否可编辑:

var x = document.getElementsByTagName("h3")[0].contentEditable;
测试看看‹/›

相关参考

HTML DOM参考:HTML DOM isContentEditable属性

HTML参考:HTML contenteditable属性

HTML DOM Element 对象