HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>ariaRowCount MDN update</title>
</head>
<body>
  <table id="semantic-table" role="table" aria-label="Semantic Elements"
    aria-rowcount="100">
    <caption>Semantic Elements to use instead of ARIA's roles</caption>
    <thead role="rowgroup">
      <tr role="row">
        <th role="columnheader" aria-rowindex="1">ARIA Role</th>
        <th role="columnheader" 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>
    </tbody>
  </table>
  <pre id="out"></pre>
  <script>
    var el = document.getElementById("semantic-table");
    var lines = [];
    lines.push(String(el.ariaRowCount));
    el.ariaRowCount = "101";
    lines.push(String(el.ariaRowCount));
    document.getElementById("out").textContent = lines.join("\n");
  </script>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

Element.ariaRowCount — MDN update (Try It)