最新的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屬性，

<元素對象