element.contentEditable

  • リビジョンの URL スラッグ: DOM/element.contentEditable
  • リビジョンのタイトル: element.contentEditable
  • リビジョンの ID: 344707
  • 作成日:
  • 作成者: ethertank
  • 現行リビジョン いいえ
  • コメント 翻訳。但し、原文の 「<code>true</code> (もしくは空文字)」の部分の誤りを疑っている。空文字が返る事があるとして、それが true と同義なのは対象が textarea など、デフォルトで編集可能な要素の場合だったりするのではないか…?(勘)

このリビジョンの内容

{{DomRef}}{{gecko_minversion_header("1.9")}}

概要

contentEditable は、要素の編集可能状態の取得 / 設定 に用います。この列挙可能属性は以下の値を持ちえます。

  • true (もしくは空文字): 要素が編集可能である事を示す。
  • false : 要素が編集不能である事を示す。
  • inherit : 親要素の編集可能状態を継承する事を示す。

構文

editable = element.contentEditable

element.contentEditable = "true"

注記

{{domxref("element.isContentEditable")}} プロパティを用いる事で、contentEditable プロパティの計算済みの真偽値の値を取得する事が出来ます。

ブラウザ実装状況

{{CompatibilityTable}}
機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari
基本サポート 11 {{CompatGeckoDesktop(1.9)}} 6 10.6 3.2
機能 Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
基本サポート 3 {{CompatGeckoMobile(1.9)}} 6 {{CompatNo}} 5

仕様書

このリビジョンのソースコード

<div>{{DomRef}}{{gecko_minversion_header("1.9")}}</div>

<h2 id="Summary" name="Summary">概要</h2>

<p><code>contentEditable</code> は、要素の編集可能状態の取得 / 設定 に用います。この列挙可能属性は以下の値を持ちえます。</p>

<ul>
  <li><code>true</code> (もしくは空文字): 要素が編集可能である事を示す。</li>
  <li><code>false</code> : 要素が編集不能である事を示す。</li>
  <li><code>inherit</code> : 親要素の編集可能状態を継承する事を示す。</li>
</ul>


<h2 id="Syntax" name="Syntax">構文</h2>

<pre class="syntaxbox">
<var>editable</var> = element.contentEditable

element.contentEditable = "true"
</pre>


<h2 id="Notes" name="Notes">注記</h2>

<p>{{domxref("element.isContentEditable")}} プロパティを用いる事で、<code>contentEditable</code> プロパティの計算済みの真偽値の値を取得する事が出来ます。</p>


<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザ実装状況</h2>
<div>{{CompatibilityTable}}</div>
<div id="compat-desktop">
  <table class="compat-table">
    <tbody>
      <tr>
        <th>機能</th>
        <th>Chrome</th>
        <th>Firefox (Gecko)</th>
        <th>Internet Explorer</th>
        <th>Opera</th>
        <th>Safari</th>
      </tr>
      <tr>
        <td>基本サポート</td>
        <td>11</td>
        <td>{{CompatGeckoDesktop(1.9)}}</td>
        <td>6</td>
        <td>10.6</td>
        <td>3.2</td>
      </tr>
    </tbody>
  </table>
</div>
<div id="compat-mobile">
  <table class="compat-table">
    <tbody>
      <tr>
        <th>機能</th>
        <th>Android</th>
        <th>Firefox Mobile (Gecko)</th>
        <th>IE Mobile</th>
        <th>Opera Mobile</th>
        <th>Safari Mobile</th>
      </tr>
      <tr>
        <td>基本サポート</td>
        <td>3</td>
        <td>{{CompatGeckoMobile(1.9)}}</td>
        <td>6</td>
        <td>{{CompatNo}}</td>
        <td>5</td>
      </tr>
    </tbody>
  </table>
</div>

<h2 id="Specification" name="Specification">仕様書</h2>
<ul>
  <li><a href="http://www.whatwg.org/specs/web-apps/current-work/#contenteditable" title="http://www.whatwg.org/specs/web-apps/current-work/#contenteditable">HTML5 contenteditable attribute</a></li>
</ul>
Revert to this revision