最新的Web开发教程
 

HTML DOM contentEditable Propery

<元素对象

例

设置的内容<p>元素可编辑：

document.getElementById("myP").contentEditable = true;
试一试»

更多"Try it Yourself"下面的例子。

定义和用法

该CONTENTEDITABLE属性设置或返回是否元素的含量是可编辑与否。

提示：您还可以使用isContentEditable属性，以找出是否元素的含量是可编辑与否。

浏览器支持

在表中的数字规定，完全支持该财产浏览器版本。

属性
contentEditable 11.0 6 3.5 3.2 10.6

句法

返回CONTENTEDITABLE属性：

HTMLElementObject .contentEditable

设置CONTENTEDITABLE属性：

HTMLElementObject .contentEditable=true|false

属性值

值 描述
true|false 指定元素的内容是否应该为可编辑。

可能的值：
  • 继承 - 默认。 元素的含量是可编辑的，如果它的父元素是可编辑的
  • 真正的 - 内容是可编辑的
  • 假的 - 内容是不可编辑

技术细节

返回值： 一个字符串，如果元素是可编辑返回true，否则返回false
例子

更多示例

例

找出是否一个<p>元素可编辑与否：

var x = document.getElementById("myP").contentEditable;

x的结果将是：

true
试一试»

例

编辑的内容的能力之间切换<p>元素：

var x = document.getElementById("myP");
if (x.contentEditable == "true") {
    x.contentEditable = "false";
    button.innerHTML = "Enable content of p to be editable!";
} else {
    x.contentEditable = "true";
    button.innerHTML = "Disable content of p to be editable!";
}
试一试»

相关页面

HTML参考： HTML contenteditable属性，

<元素对象