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

瀏覽器相容性

另見