Récupérer la largeur réelle d'une colonne

**Bono_BX** · 15/09/2011, 14h41

Bonjour,

Je débute en Javascript, et je n'ai pas trouvé ma réponse sur le net.
Comment puis-je récupérer la taille réelle d'une colonne d'une table ?
En effet, celle-ci peut varier en fonction du contenu, et je ne veux donc pas récupérer l'attribut width.

Merci d'avance !

**SpaceFrog** · 15/09/2011, 14h44

offsetWidth ou computedStyle.width

**andry.aime** · 15/09/2011, 16h14

document.getElementById("idDuTD").clientWidth ?

**Bono_BX** · 15/09/2011, 16h35

Merci, mais :
- je n'obtiens pas la bonne taille avec offsetWidth, je ne sais pas pourquoi, mais je ne suis pas le seul à avoir ce problème.
- computedStyle.width n'est supporté qu'à partir d'IE 9, et le site doit fonctionner avec IE 8

.
- clientWidth ne me donne pas la bonne valeur non plus.

**SpaceFrog** · 15/09/2011, 16h44

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<script type="text/javascript">
function foo(){
alert(document.getElementsByTagName('td')[0].offsetWidth)
}
</script>
</head>
 
<body onload='foo()'>
 
<table border="1" width="100%">
  <tr>
    <td width="16%">aaaaaaaaaaaaaaaaaafddfgaaaaaaaaaaaaaaaaaaa&nbsp;</td>
    <td width="16%">&nbsp;</td>
    <td width="17%">&nbsp;</td>
    <td width="17%">&nbsp;</td>
    <td width="17%">&nbsp;</td>
    <td width="17%">&nbsp;</td>
  </tr>
  <tr>
    <td width="16%">&nbsp;</td>
    <td width="16%">&nbsp;</td>
    <td width="17%">&nbsp;</td>
    <td width="17%">&nbsp;</td>
    <td width="17%">&nbsp;</td>
    <td width="17%">&nbsp;</td>
  </tr>
</table>
</body>
 
</html>

j'ai bien le bon résultat sous IE et ffx