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 属性

返回上一级

JavaScript 参考手册

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2022 简单教程 twle.cn All Rights Reserved.