---
title: Document.designMode
slug: Web/API/Document/designMode
tags:
  - API
  - Document
  - Property
  - Reference
  - 参考
  - 属性
  - 文档
  - 编辑
translation_of: Web/API/Document/designMode
---
<div>{{ ApiRef()}}</div>

<p><strong><code>document.designMode</code></strong> 控制整个文档是否可编辑。有效值为 <code>"on"</code> 和 <code>"off"</code> 。根据规范，该属性默认为 <code>"off"</code> 。Firefox 遵循此标准。早期版本的 Chrome 和 IE默认为 <code>"inherit"</code> 。从 Chrome 43 开始，默认值为 <code>"off"</code> ，并且不再支持  <code>"inherit"</code>。在 IE6 到 IE10 中，该值为大写。</p>

<h2 id="语法">语法</h2>

<pre class="syntaxbox">var mode = document.designMode;
document.designMode = "on" || "off";</pre>

<h2 id="示例">示例</h2>

<p>使一个 {{HTMLElement("iframe")}} 的文档可编辑：</p>

<pre class="brush: js">iframeNode.contentDocument.designMode = "on";</pre>

<h2 id="规范">规范</h2>

<table class="standard-table">
 <tbody>
  <tr>
   <th scope="col">规范</th>
   <th scope="col">状态</th>
   <th scope="col">备注</th>
  </tr>
  <tr>
   <td>{{SpecName('HTML WHATWG', '#making-entire-documents-editable:-the-designmode-idl-attribute', 'designMode')}}</td>
   <td>{{Spec2('HTML WHATWG')}}</td>
   <td>Initial definition.</td>
  </tr>
 </tbody>
</table>

<h2 id="浏览器兼容性">浏览器兼容性</h2>



<p>{{Compat("api.Document.designMode")}}</p>

<h2 id="参见">参见</h2>

<ul>
 <li><a href="/zh-CN/docs/Rich-Text_Editing_in_Mozilla">Mozilla 软件中的富文本编辑</a></li>
 <li>{{domxref("HTMLElement.contentEditable")}}</li>
</ul>