¿Cómo encontrar el ancho de tablas o celdas?

Question

¿Cómo puedo encontrar el ancho de una tabla o columnas en una tabla sin especificar en HTML o Javascript?

Por ejemplo:

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

En Javascript:

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

Answer 1

No hay correspondense directa entre las palabras clave y palabras clave de estilo CSS JavaScript. En su caso, es necesario tbl.offsetWidth, no tbl.style.width. Ver este artículo quirksmode para empezar.

Answer 2

Es peligroso tratar estas cosas en DOM prima llama ya que los navegadores son distintos.

Lo más seguro es utilizar una biblioteca (como jQuery ) y utilizar sus rutinas.

Para hacer exactamente tu ejemplo en jQuery:

 $("#myTable").width()

Answer 3

Usted podría intentar:

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

Es un trabajo bien en Firefox, pero usted debe comprobar que funciona en IE.