實(shí)例

把 <p> 元素的內(nèi)容設(shè)置為可編輯：

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

親自試一試

定義和用法

contentEditable 屬性設(shè)置或返回元素內(nèi)容是否可編輯。

提示：您也可以使用 isContentEditable 屬性來查明元素內(nèi)容是否可編輯。

語法

返回 contentEditable 屬性：

HTMLElementObject.contentEditable

設(shè)置 contentEditable 屬性：

HTMLElementObject.contentEditable=true|false

屬性值

技術(shù)細(xì)節(jié)

瀏覽器支持

更多實(shí)例

例子 1

查明 <p> 元素是否可編輯：

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

x 的結(jié)果是：

true

親自試一試

例子 2

對(duì)是否能夠?qū)?<p> 元素的內(nèi)容進(jìn)行編輯進(jìn)行切換：

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!";
}

親自試一試