Element: ariaColSpan 属性

Baseline 2023
新推出

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

Element 接口的 ariaColSpan 属性反映了 aria-colspan 属性的值。aria-colspan 属性定义了表格(table)、网格(grid)或树状表格(treegrid)中单元格或网格单元格跨越的列数。

一个包含整数的字符串。

示例

在此示例中,ID 为 spanning-heading 的元素的 aria-colspan 属性设置为“2”。使用 ariaColSpan,我们将该值更新为“3”。

html
<table>
  <tr>
    <th>Heading 1</th>
    <th>Heading 2</th>
    <th>Heading 3</th>
  </tr>
  <tr>
    <td colspan="2" aria-colspan="2" id="spanning-column">Spanning</td>
    <td>One</td>
  </tr>
</table>
js
let el = document.getElementById("spanning-column");
console.log(el.ariaColSpan);
el.ariaColSpan = "3";
console.log(el.ariaColSpan);

规范

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

浏览器兼容性

另见