html - 如何找到表格或单元格的宽度？

Question

如何在不使用 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

Answer 1

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

Answer 2

在原始 DOM 调用中尝试这些事情是很危险的，因为浏览器不同。

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

要在 jQuery 中完全执行您的示例：

 $("#myTable").width()

Answer 3

你可以试试：

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

它在 FireFox 中运行良好，但您应该在 IE 中检查它。