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

Version imprimable

15/09/2011, 14h41
Bono_BX

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

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 !
15/09/2011, 14h44
SpaceFrog

offsetWidth ou computedStyle.width
15/09/2011, 16h14
andry.aime

document.getElementById("idDuTD").clientWidth ?
15/09/2011, 16h35
Bono_BX

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 :cry:.
- clientWidth ne me donne pas la bonne valeur non plus.

Code:

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

15/09/2011, 18h47
Invité

Citation:

Envoyé par SpaceFrog

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

:ccool:
Je confirme sur I.E.8, Firefox 3.6, Safari, Opera, Chrome.