编辑这个页面须要登录或更高权限！

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 对象

JavaScript History 对象HTML DOM Element 对象