---
title: ShadowRoot.mode
slug: Web/API/ShadowRoot/mode
translation_of: Web/API/ShadowRoot/mode
---
<div>{{APIRef("Shadow DOM")}}{{SeeCompatTable}}</div>

<p><strong><code>mode</code></strong> 是 {{domxref("ShadowRoot")}}  的只读属性，它返回 <code>ShadowRoot</code> 创建时的模式 ("<code>open</code>" 或者 "<code>closed</code>") 。</p>

<p>当 <code>ShadowRoot</code> 的 <code>mode</code> 是 "<code>closed</code>" 时， <code>ShadowRoot</code> 的内部实现无法被 JavaScript 访问及修改 — 也就是说将该实现不公开，例如，<a href="https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/video" title="HTML &lt;video> 元素 用于在HTML或者XHTML文档中嵌入视频内容。"><code>&lt;video&gt;</code></a> 标签内部实现无法被 JavaScript 访问及修改。</p>

<h2 id="Syntax">Syntax</h2>

<pre class="syntaxbox">var <em>mode</em> = <em>shadowRoot</em>.mode</pre>

<h3 id="Value">Value</h3>

<p>值为 "<code>open</code>"  或者  "<code>closed</code>".</p>

<h2 id="Specifications">Specifications</h2>

<table class="standard-table">
 <tbody>
  <tr>
   <th scope="col">Specification</th>
   <th scope="col">Status</th>
   <th scope="col">Comment</th>
  </tr>
  <tr>
   <td>{{SpecName('DOM WHATWG','#dom-shadowroot-mode','ShadowRoot.mode')}}</td>
   <td>{{Spec2('DOM WHATWG')}}</td>
   <td> </td>
  </tr>
 </tbody>
</table>

<h2 id="Browser_compatibility">Browser compatibility</h2>

{{Compat("api.ShadowRoot.mode")}}