是否可以通过 DOM 直接使用标题轴属性检索 td 的轴标题？

Question

我最近发现，我可以使用 td 上的 headers 属性和 axisth 上的 code> 属性。示例：

<table>
    <caption>Country Toy Codes</caption>
    <thead>
        <tr>
            <th scope="col row"></th>
            <th scope="col" id="us" axis="country">US</th>
            <th scope="col" id="ca" axis="country">CA</th>
            <th scope="col" id="uk" axis="country">UK</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <th scope="row" id="robots" axis="toys">Robots</th>
            <td headers="us robots">ABC</td>
            <td headers="ca robots">DEF</td>
            <td headers="uk robots">GHI</td>
        </tr>
        <tr>
            <th scope="row" id="dolls" axis="toys">Dolls</th>
            <td headers="us dolls">JKL</td>
            <td headers="ca dolls">MNO</td>
            <td headers="uk dolls">PQR</td>
        </tr>
        <tr>
            <th scope="row" id="slinkys" axis="toys">Slinkys</th>
            <td headers="us slinkys">STU</td>
            <td headers="ca slinkys">VWX</td>
            <td headers="uk slinkys">YZ1</td>
        </tr>
        <tr>
            <th scope="row" id="legos" axis="toys">Legos</th>
            <td headers="us legos">AB1</td>
            <td headers="ca legos">CD1</td>
            <td headers="uk legos">EF1</td>
        </tr>
    </tbody>
</table>

这对于非视觉浏览器有明显的好处，但我认为它对于 javascript 和 css 也很有用。唯一的问题是，无论是在选择之后还是出于选择目的，我都没有看到直接访问单元格标题 id 的轴类型的方法。

理想情况下，我想做以下任一操作（前面的粗略伪代码）：

  Selector:
      td['axis=toys']  // Would select all td's with a header id that resolves to a header having axis value "toys"

  Getter:
      $('td').axisValue("toys") // would return the value, if applicable, of header id of header value with axis value of toys.

对于 getter，我可以每次循环遍历每个标头，并从 DOM 中的 id 找到元素，然后找到轴值，但如果有是一种更直接地执行此操作的方法，我确信浏览器也对其进行了更优化。

对于选择器，我能想到的最接近的（在js中）是获取给定的轴值，找到使用该轴值的所有id，然后用逗号分隔每个选项以获取所有选项，例如

[headers~=us], [headers~=ca], [headers~=uk]

Does Anybody Know if header id's axis name 可以通过方法使用还是直接在 td 元素上使用？