此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in English Always switch to English

HTMLDetailsElement:name 属性

基线 2024
最近可用

自 September 2024 起,此特性已在最新浏览器中得到支持。但在较旧的设备或浏览器中可能无法运行。

HTMLDetailsElement 接口的 name 属性反映了 <details> 元素的 name 属性。它允许将多个 <details> 元素关联在一起,使得同一时间仅有一个 <details> 元素处于展开状态。这使开发者能够轻松创建手风琴式(accordion)等 UI 功能,而无需编写脚本。

name 属性指定一个组名。将多个 <details> 元素赋予相同的 name 值即可将这些元素归入同一组。在同一组中任意时刻只允许一个 <details> 元素处于展开状态;展开其中一个元素则会自动关闭其他已展开的元素。若多个同组 <details> 元素均被设置了 open 属性,则仅源码顺序中第一个元素会被渲染为展开状态。

字符串。若该元素不属于任何组,则返回空字符串。

规范

规范
HTML
# dom-details-name

浏览器兼容性

参见