Как найти ширину таблиц или ячеек?

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. См. эту статью о причудливом режиме для начала.

Answer 2

Вы можете попробовать:

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

Это нормально работает в FireFox, но вы должны проверить это в IE.

Answer 3

Опасно пытаться делать это в необработанных вызовах DOM, потому что браузеры различаются.

Безопаснее всего использовать библиотеку (например, jQuery ) и использовать их подпрограммы.

Чтобы сделать именно ваш пример в jQuery:

 $("#myTable").width()