HTML DOM contentEditable 属性
设置 <p> 元素内容为可编辑:
document.getElementById("myP").contentEditable = true;
定义和使用
contentEditable 属性用于设置或返回元素的内容是否可编辑。
提示： 你也可以使用 isContentEditable 属性来查看元素的内容是否可编辑。
浏览器支持
表格中的数字表示支持该属性的第一个浏览器的版本号。
| 属性 | |||||
|---|---|---|---|---|---|
| contentEditable | 11.0 | 5.5 | 3.0 | 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 = "p 元素内容可编辑!";
} else {
x.contentEditable = "true";
button.innerHTML = "p 元素内容不可编辑!";
}
相关页面
版权声明:本页面内容旨在传播知识，为用户自行发布，若有侵权等问题请及时与本网联系，我们将第一时间处理。E-mail:284563525@qq.com
