如何找到表格或单元格的宽度？答案

【问题标题】：How to find the width of tables or cells?如何找到表格或单元格的宽度？
【发布时间】：2009-02-26 15:48:28
【问题描述】：

如何在不使用 HTML 或 Javascript 指定的情况下找到表格或表格中的列的宽度？

例如：

<table id="myTable">
<tr><td>column a</td><td>column b</td></tr>
</table>

在 Javascript 中：

var tbl = document.getElementByID("myTable");
alert(tbl.style.width);  //will be undefined

【问题讨论】：

【解决方案1】：

CSS style 关键字和javascript 关键字之间没有直接对应关系。在您的情况下，您需要 tbl.offsetWidth，而不是 tbl.style.width。对于初学者，请参阅this quirksmode article。

【讨论】：

【解决方案2】：

在原始 DOM 调用中尝试这些操作很危险，因为浏览器不同。

安全的做法是使用库（如jQuery）并使用它们的例程。

在 jQuery 中完全按照您的示例：

 $("#myTable").width()

【讨论】：

【解决方案3】：

你可以试试：

var tbl = document.getElementByID("myTable");
alert(tbl.clientWidth);

在 FireFox 中可以正常工作，但你应该在 IE 中检查它。

【讨论】：