HTML DOM contentEditable 属性
HTML DOM 的 contentEditable 属性用于设置或返回元素的内容是否可编辑
可以使用 isContentEditable 属性来查看元素的内容是否可编辑
浏览器支持
yes | yes | yes | yes | yes |
语法
返回 contentEditable 属性
HTMLElementObject.contentEditable
设置 contentEditable 属性
HTMLElementObject.contentEditable= true | false | inherit
属性值
值 | 描述 |
---|---|
true | false | 描述元素的内容是否可编辑 可能值: inherit - 默认。如果父级元素是可编辑,则子元素内容也是可编辑的 true - 内容可编辑 false - 内容不可编辑 |
返回值
布尔值,如果元素是可编辑的返回 true,否则返回 false
范例
设置 <p> 元素内容为可编辑
document.getElementById("myP").contentEditable = true;
范例
查看 <p> 元素是否可编辑
var x = document.getElementById("myP").contentEditable;
范例
切换 <p> 元素的编辑状态
var x = document.getElementById("myP"); if (x.contentEditable == "true") { x.contentEditable = "false"; button.innerHTML = "p 元素内容可编辑!"; } else { x.contentEditable = "true"; button.innerHTML = "p 元素内容不可编辑!"; }
相关页面
HTML 参考手册: HTML contenteditable 属性