Recherche de la largeur des tables ou des cellules

Question

Comment trouver la largeur d'une ou de plusieurs colonnes dans une table sans la spécifier en HTML ou Javascript?

Par exemple:

<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

Il n'y a pas de correspondance directe entre les mots clés de style CSS et les mots-clés javascript. Dans votre cas, vous avez besoin de tbl.offsetWidth, pas de tbl.style.width. Voir this quirksmode article pour les débutants.

Answer 2

Il est dangereux d'essayer ces choses dans les appels DOM premières parce que les navigateurs diffèrent. Le bon est d'utiliser une bibliothèque (comme jQuery) et d'utiliser leurs routines.

Pour faire exactement votre exemple dans jQuery:

$("#myTable").width() 

Answer 3

Vous pouvez essayer:

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

Il travail va bien dans FireFox, mais vous devriez vérifier dans IE.