---
title: HTMLOptGroupElement
slug: Web/API/HTMLOptGroupElement
tags:
  - API
  - HTML DOM
  - optgroup
  - 参考
  - 接口
  - 表单
translation_of: Web/API/HTMLOptGroupElement
---
<div>{{ APIRef("HTML DOM") }}</div>

<p><strong><code>HTMLOptGroupElement</code></strong> 接口提供一些特别的属性和方法（除了从 {{domxref("HTMLElement")}} 对象接口中继承的以外）以调整 {{HTMLElement("optgroup")}} 元素的布局和显示。</p>

<p>{{InheritanceDiagram(600, 120)}}</p>

<h2 id="属性">属性</h2>

<p><em>从 {{domxref("HTMLElement")}} 中继承属性。</em></p>

<dl>
 <dt>{{domxref("HTMLOptGroupElement.disabled")}}</dt>
 <dd>是一个 {{domxref("boolean")}}，表示整个子代 {{HTMLElement("option")}} 列表是可用的（<code>false</code>）还是不可用的（<code>true</code>）。</dd>
 <dt>{{domxref("HTMLOptGroupElement.label")}}</dt>
 <dd>是一个 {{domxref("DOMString")}}，表示该分组的标签。</dd>
</dl>

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

<p><em>没有专有的方法；从 {{domxref("HTMLElement")}} 中继承方法。</em></p>

<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', "#htmloptgroupelement", "HTMLOptgroupElement")}}</td>
   <td>{{Spec2('HTML WHATWG')}}</td>
   <td></td>
  </tr>
  <tr>
   <td>{{SpecName('HTML5 W3C', "forms.html#the-optgroup-element", "HTMLOptGroupElement")}}</td>
   <td>{{Spec2('HTML5 W3C')}}</td>
   <td>和 {{SpecName("DOM2 HTML")}} 相比没有变化</td>
  </tr>
  <tr>
   <td>{{SpecName('DOM2 HTML', 'html.html#ID-ID-38450247', 'HTMLOptGroupElement')}}</td>
   <td>{{Spec2('DOM2 HTML')}}</td>
   <td>和 {{SpecName("DOM1")}} 相比没有变化</td>
  </tr>
  <tr>
   <td>{{SpecName('DOM1', 'level-one-html.html#ID-38450247', 'HTMLOptGroupElement')}}</td>
   <td>{{Spec2('DOM1')}}</td>
   <td>初始定义</td>
  </tr>
 </tbody>
</table>

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



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

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

<ul>
 <li>实现该接口的 HTML 元素：{{ HTMLElement("optgroup") }}</li>
</ul>