最新のWeb開発のチュートリアル
 

HTML DOM contentEditable Propery

<Elementオブジェクト

例

内容を設定し<p>編集可能にする要素を：

document.getElementById("myP").contentEditable = true;
»それを自分で試してみてください

もっと"Try it Yourself"以下の例。

定義と使用法

contentEditableプロパティセットまたは要素の内容が編集可能であるか否かを返します。

ヒント：また、使用することができますisContentEditable要素の内容が編集可能であるかどうかを調べるためにプロパティを。

ブラウザのサポート

表中の数字は完全にプロパティをサポートする最初のブラウザのバージョンを指定します。

プロパティ
contentEditable 11.0 6.0 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

<Elementオブジェクト