Récupérer les rows d'un élément table (IE vs Firefox)

**venegan** · 12/12/2011, 18h20

Bonjour,

J'ai le problème suivant :

J'ai un doc constitué à peu près comme ceci :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<table>
 <tbody>
  <form>
   <tr></tr>
  </form>
 </tbody>
 <tbody>
  <form>
   <tr></tr>
  </form>
 </tbody>
</table>

J'essaie de récupérer les "<tr>" à l'aide des collections .rows appliqué sur la table ou le tbody mais avec IE :
- si je fais un table.rows il ne récupère que les tr du premier tbody
- si je fais un tbody.rows il ne récupère que des tr qui ne sont pas entre des balises form

Alors qu'avec Firefox ou Opera ça fonctionnne sans soucis

**SpaceFrog** · 12/12/2011, 18h23

Code :

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

1
2
3
<form>
   <tr></tr>
  </form>

C'est quoi ce form qui vient perturber la struture du tableau ?????

on ne peut pas intercaler des balises comme ça !!!

**venegan** · 12/12/2011, 18h34

Pas la peine de m'engueuler c'est pas mon code

Je fais juste que le débugger. :o

**SpaceFrog** · 13/12/2011, 09h25

Je ne t'engueule pas ...

C'est juste que du code comme ça, ça pique les noeils !

Bon ben commence par debuguer le html en respectant la structure d'une balise table.

**andry.aime** · 13/12/2011, 18h19

Bonsoir,
Un table ne doit avoir qu'une seule balise tbody. Sinon, tu peux récupérer les éléments tr avec getElementsByTagName("tr").

A+.

**NoSmoking** · 13/12/2011, 19h05

Envoyé par andry.aime

Bonsoir,
Un table ne doit avoir qu'une seule balise tbody.

plusieurs TBODY sont autorisés

http://www.w3.org/TR/html4/struct/tables.html#h-11.2.3

Sinon, tu peux récupérer les éléments tr avec getElementsByTagName("tr").

pour les constructions un peu... cela reste la meilleur solution

**Bovino** · 14/12/2011, 09h17

Il existe aussi la collection rows liée aux balises <body>, <thead>, <tfoot> ou <tbody>

**venegan** · 15/12/2011, 12h20

Merci pour vos réponses.

J'avais tenté le .rows sur le Tbody mais le souci reste le même.
En fait le corps de ma page est généré par du java c'est pour ça que je voulais pas trop y toucher (ie : pour pas revoir tout le mode de génération de la page).

J'ai creuser un peu et apparement en changer le doctype de strict à transitional et en enlevant un balise <meta http-equiv="X-UA-Compatible" content="IE=8" />
la fonction javascript marche mieux, est ce qu'a votre avis il y a moyen de finter juste la fonction "js" ?

**Bovino** · 15/12/2011, 12h27

pour pas revoir tout le mode de génération de la page

C'est pourtant le plus important à faire !
Tant que la structure de ta table sera incorrecte (notamment les balises <form> mal positionnées), tu ne pourras pas appliquer de rustine efficace !

est ce qu'a votre avis il y a moyen de finter juste la fonction "js" ?

Non, tu ne peux pas faire croire à JavaScript que ta structure HTML est correcte si elle ne l'est pas...

**Watilin** · 15/12/2011, 20h58

À la limite, tu pourrais recréer en JS un parseur HTML qui accepterait ce genre de structure scabreuse… Mais ça risque de demander pas mal de boulot

**Bovino** · 15/12/2011, 21h06

Envoyé par Watilin

À la limite, tu pourrais recréer en JS un parseur HTML qui accepterait ce genre de structure scabreuse… Mais ça risque de demander pas mal de boulot

Pas sûr... le comportement des navigateurs devant une structure HTML erronée ne peut être garantit. Et à priori, la plupart tentent de "remanier" le HTML pour le rendre le plus conforme possible.

**SpaceFrog** · 15/12/2011, 21h30

Beef je pense que Watoo imaginait comme moi la recuperation d'un innerHTML
=> parsage de texte

**Bovino** · 15/12/2011, 21h41

Mouais...

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<!doctype html>
<html lang="fr">
<head>
	<meta charset="utf-8" />
	<title>Malformed HTML</title>
</head>
<body>
	<div id="mauvais"><span>HTML non <strong>valide</span></div>
<script>alert(document.getElementById('mauvais').innerHTML);</script>
</body>
</html>

affiche

Code :

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

<span>HTML non <strong>valide</strong></span>

EDIT :
et

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
<!doctype html>
<html lang="fr">
<head>
	<meta charset="utf-8" />
	<title>Malformed HTML</title>
</head>
<body>
	<table>
		<tbody id="mauvais">
			<form>
				<tr></tr>
			</form>
		</tbody>
		<tbody>
			<form>
				<tr></tr>
			</form>
		</tbody>
	</table>
	<script>alert(document.getElementById('mauvais').innerHTML);</script>
</body>
</html>