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

View in English Always switch to English

Element:ariaCurrent 属性

基线
广泛可用

自 2023年10月 起,此特性已在主流浏览器中得到支持,可在大多数设备和浏览器版本中正常使用。

Element 接口的 ariaCurrent 属性反映 aria-current 属性的值,该属性指示容器或一组相关元素中表示当前项的元素。

具有以下值之一的字符串:

"page"

表示一组页面中的当前页面。

"step"

表示流程中的当前步骤。

"location"

表示当前位置,例如面包屑层级中的当前页面。

"date"

表示日期集合中的当前日期。

"time"

表示时间集合中的当前时间。

"true"

表示集合中的当前项。

"false"

不表示集合中的当前项。

示例

此示例使用一组链接进行网站导航。aria-current 属性指示当前页面。值 page 会纳入屏幕阅读器的播报中。使用 ariaCurrent 可以更新该值。

html
<nav>
  <ul>
    <li><a id="link-home" href="/" aria-current="page">主页</a></li>
    <li><a href="/">关于</a></li>
    <li><a href="/">联系</a></li>
  </ul>
</nav>
js
let el = document.getElementById("link-home");
console.log(el.ariaCurrent); // "page"
el.ariaCurrent = "tab";
console.log(el.ariaCurrent); // "tab"

规范

规范
Accessible Rich Internet Applications (WAI-ARIA)
# dom-ariamixin-ariacurrent

浏览器兼容性

参见