有没有一种方法可以在JavaScript中访问表格的列标签数组？

Question

我有一个表格，看起来像这样：

<table id="myTable">
    <col id="name" />
    <col id="birthYear" />
    <col id="phone" />
    <td>
        <tr>Joe</tr>
        <tr>1972</tr>
        <tr>202-555-1234</tr>
    </td>
</table>

有没有一种简单的方法来获取<col />标签的数组？我不想使用getElementById，因为我不知道col标签的id，尽管我知道表格的id。我也不想使用getElementsByTagName，因为文档中会有几个包含col标签的表格。

我没有使用jquery，只是普通的javascript。

有什么想法吗？

- Jonathan M

Answer 1

getElementsByTagName可以用于id为"myTable"的表格上：它将返回该表格的所有列。

以下是示例：

document.getElementById("myTable").getElementsByTagName("col")

- Jerome Cance

---

你的意思是：colArray=document.getElementById('myTable).getElementsByTagName('col'); 吗？ - Jonathan M

我们似乎同时打字了。 :) - Jonathan M

Answer 2

Javascript 支持 XPath：

document.evaluate('//col', document.getElementById('myTable'));

- Marc B

---

所有的浏览器都支持document.evaluate吗？我认为IE仍然缺少这个功能？如果IE确实支持，那肯定是最好的选择！！！ - El Guapo

我相信IE9支持，而IE8的支持存在缺陷(?), 7及更早版本则不支持：https://dev59.com/82445IYBdhLWcg3w0dZD - Marc B

IE 9 以下的浏览器不支持此功能。请参考 http://code.google.com/p/doctype/wiki/DocumentEvaluateMethod。 - Jacek Kaniuk