HTMLDetailsElement:name 属性
Baseline
2024
Newly available
Since September 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
HTMLDetailsElement 接口的 name 属性反映了 <details> 元素的 name 属性。它允许将多个 <details> 元素关联在一起,使得同一时间仅有一个 <details> 元素处于展开状态。这使开发者能够轻松创建手风琴式(accordion)等 UI 功能,而无需编写脚本。
name 属性指定一个组名。将多个 <details> 元素赋予相同的 name 值即可将这些元素归入同一组。在同一组中任意时刻只允许一个 <details> 元素处于展开状态;展开其中一个元素则会自动关闭其他已展开的元素。若多个同组 <details> 元素均被设置了 open 属性,则仅源码顺序中第一个元素会被渲染为展开状态。