HTML DOMcontentEditableプロパティ
例
<p>要素のコンテンツを編集可能に設定します。
document.getElementById("myP").contentEditable = "true";
以下の「自分で試してみてください」の例をもっと見てください。
定義と使用法
contentEditableプロパティは、要素のコンテンツが編集可能かどうかを設定または返します。
ヒント:isContentEditableプロパティを使用して 、要素のコンテンツが編集可能かどうかを確認することもできます。
ブラウザのサポート
表の数字は、プロパティを完全にサポートする最初のブラウザバージョンを示しています。
Property | |||||
---|---|---|---|---|---|
contentEditable | 11.0 | 6.0 | 3.5 | 3.2 | 10.6 |
構文
contentEditableプロパティを返します。
HTMLElementObject.contentEditable
contentEditableプロパティを設定します。
HTMLElementObject.contentEditable = true|false
プロパティ値
Value | Description |
---|---|
true|false |
Specifies whether the content of an element should be editable. Possible values:
|
技術的な詳細
戻り値: | 文字列。要素が編集可能である場合はtrueを返し、そうでない場合はfalseを返します。 |
---|
その他の例
例
<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参照:HTMLcontenteditable属性
❮要素オブジェクト