Element: ariaOrientation 属性

Baseline 2023
新推出

自 ⁨2023 年 10 月⁩ 以来,此功能已在最新设备和浏览器版本中得到支持。此功能可能无法在旧设备或浏览器上运行。

Element 接口的 ariaOrientation 属性反映了 aria-orientation 属性的值,该属性指示元素的朝向是水平、垂直还是未知/模糊。

一个字符串,其值可能为以下之一:

"horizontal"

该元素是水平的。

"vertical"

该元素是垂直的。

"undefined"

该元素的朝向未知。

示例

在此示例中,ID 为 handle_zoomSlider 的元素上的 aria-orientation 属性设置为 "vertical"。使用 ariaOrientation,我们将值更新为 "horizontal"

html
<div
  id="handle_zoomSlider"
  role="slider"
  aria-orientation="vertical"
  aria-valuemin="0"
  aria-valuemax="17"
  aria-valuenow="14"
  tabindex="0">
  <span>11</span>
</div>
js
let el = document.getElementById("handle_zoomSlider");
console.log(el.ariaOrientation); // "vertical"
el.ariaOrientation = "horizontal";
console.log(el.ariaOrientation); // "horizontal"

规范

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

浏览器兼容性