English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

JS DOMリファレンスマニュアル

HTML DOM Element オブジェクト

contentEditableHTML DOM contentEditable属性

さらに、属性を使用して要素の内容が編集可能かどうかを設定または返します。isContentEditable属性で要素の内容が編集可能かどうかを決定します。

文法:

contentEditable属性を返します:

HTMLElement.contentEditable

contentEditable属性の設定:

HTMLElement.contentEditable = true|false
document.getElementById("x").contentEditable = "true";
テストして見て‹/›

ブラウザの互換性

表の数字は、contentEditable属性を完全にサポートする最初のブラウザのバージョンを指定します:

属性
contentEditable113.593.26

属性値

説明
true|false要素が編集可能かどうかを示します。
可能な値:
  • 「true」 -要素が編集可能を表します

  • 「false」 -編集不可能な要素を表します

  • 「inherit」 -要素が親の可編集状態を継承する指示

技術的詳細

返り値:Stringが一つで、要素が編集可能であればtrue;それ以外はfalseを返します

もっと例

最初の<h3>要素が編集可能かどうか:

var x = document.getElementsByTagName("h3")[0].contentEditable;
テストして見て‹/›

関連参考

HTML DOM 参考:HTML DOM isContentEditable属性

HTML 参考:HTML contenteditable属性

HTML DOM Element オブジェクト