contentEditable 属性用于设置或返回元素的内容是否可编辑。
提示： 你也可以使用 isContentEditable 属性来查看元素的内容是否可编辑。
表格中的数字表示支持该属性的第一个浏览器的版本号。
| 属性 | 谷歌 | IE | 火狐 | 苹果 | opera |
|---|---|---|---|---|---|
| contentEditable | 11.0 | 5.5 | 3.0 | 3.2 | 10.6 |
返回 contentEditable 属性：
HTMLElementObject.contentEditable设置 contentEditable 属性：
HTMLElementObject.contentEditable=true|false| 值 | 描述 |
|---|---|
| true|false | 描述元素的内容是否可编辑。 可能值：inherit – 默认。如果父级元素是可编辑，则子元素内容也是可编辑的。 true – 内容可编辑 false – 内容不可编辑 |
| 返回值: | 布尔值，如果元素是可编辑的返回 true，否则返回 false |
|---|
设置 <p> 元素内容为可编辑：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Web176教程网(web176.com)</title> </head> <body> <p id="myP">这是个段落，点击按钮使该段落可编辑。</p> <button >
查看 <p> 元素是否可编辑：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Web176教程网(web176.com)</title> </head> <body> <p id="myP" >
切换 <p> 元素的编辑状态：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Web176教程网(web176.com)</title> </head> <body> <p id="myP" >