The ariaRowIndex
property of the Element
interface reflects the value of the aria-rowindex
attribute, which defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.
Element.ariaRowIndex
Value
A DOMString
which contains an integer.
Examples
In this example the aria-rowindex
attribute on the element with an ID of role-heading
is set to "1". Using ariaRowIndex
we update the value to "2".
<table id="semantic-table" role="table" aria-label="Semantic Elements" aria-describedby="semantic_elements_table_desc" aria-rowcount="100"> <caption id="semantic_elements_table_desc">Semantic Elements to use instead of ARIA's roles</caption> <thead role="rowgroup"> <tr role="row"> <th role="columnheader" id="role-heading" aria-sort="none" aria-rowindex="1">ARIA Role</th> <th role="columnheader" id="element-heading" aria-sort="none" aria-rowindex="1">Semantic Element</th> </tr> </thead> <tbody role="rowgroup"> <tr role="row"> <td role="cell" aria-rowindex="11">header</td> <td role="cell" aria-rowindex="11">h1</td> </tr> <tr role="row"> <td role="cell" aria-rowindex="16">header</td> <td role="cell" aria-rowindex="16">h6</td> </tr> <tr role="row"> <td role="cell" aria-rowindex="18">rowgroup</td> <td role="cell" aria-rowindex="18">thead</td> </tr> <tr role="row"> <td role="cell" aria-rowindex="24">term</td> <td role="cell" aria-rowindex="24">dt</td> </tr> </tbody> </table>
let el = document.getElementById('role-heading'); console.log(el.ariaRowIndex); // 1 el.ariaRowIndex = "2" console.log(el.ariaRowIndex); // 2
Specifications
Browser compatibility
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
ariaRowIndex |
81
|
81
|
No
|
No
|
68
|
12.1
|
81
|
81
|
No
|
58
|
12.2
|
13.0
|
See also
© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/Element/ariaRowIndex