元素:ariaSelected 属性

基线 2023

新可用

2023 年 10 月起,此功能在最新的设备和浏览器版本中均可使用。此功能可能在较旧的设备或浏览器中无法使用。

ariaSelectedElement 接口的一个属性,它反映了 aria-selected 属性的值,该属性指示具有选中状态的元素的当前“选中”状态。

具有以下值之一的字符串

"true"

项目已选中。

"false"

项目未选中。

"undefined"

项目不可选。

示例

在这个示例中,具有 ID 为 tab-id 的元素上的 aria-selected 属性被设置为 "true"。使用 ariaSelected,我们将值更新为 "false"。

html
<button role="tab" aria-selected="true" aria-controls="tabpanel-id" id="tab-id">
  Tab label
</button>
js
let el = document.getElementById("tab-id");
console.log(el.ariaSelected); // true
el.ariaSelected = "false";
console.log(el.ariaSelected); // false

规范

规范
无障碍富互联网应用 (WAI-ARIA)
# dom-ariamixin-ariaselected

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参阅