JavaScript Element contentEditable 属性

• 

  JavaScript Element contentEditable 方法

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

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

  实例：

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

  document.getElementById("myP").contentEditable = "true";
  

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  属性
  contentEditable	6.0+	11.0+	3.5+	3.2+	10.6+

• 

  语法

  返回contentEditable属性：

  HTMLElementObject.contentEditable

  设置contentEditable属性：

  HTMLElementObject.contentEditable = true|false
• 

  属性值

  属性	描述
  true|false	指定元素的内容是否应该是可编辑的。可能的值： "inherit" - 默认。 如果元素的内容可编辑，则该元素的内容是可编辑的 "true" - 内容可编辑 "false" - 内容不可编辑

• 

  技术细节

  项目	描述
  返回值：	字符串，如果元素是可编辑的，则返回true，否则返回false
  DOM版本	Core Level 1

• 

  更多例子

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

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

  尝试一下

  在编辑<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 属性