Déplacement du titre

oioou · 03/12/2011, 17h28

Je voudrais supprimer les titres de colone dans une table, ça n'a pas marché

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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title >Dépalcement de titre</title>
 
</head>
<body>
 
<table border="1">
<tr>
<th>titre1</th>
<th>titre2</th>
</tr>
<tr>
<td>L1C1</td>
<td>L1C2</td>
</tr>
<tr>
<td>L2C1</td>
<td>L2C2</td>
</tr>
<tr>
<td>L3C1</td>
<td>L3C2</td>
</tr>
<tr>
<td>L4C1</td>
<td>L4C2</td>
</tr>
<tr>
<td>L5C1</td>
<td>L5C2</td>
</tr>
</table>
 
 
<script type="text/javascript" >
 
var titres = document.getElementsByTagName("tr")[0];
var tab    = document.getElementsByTagName("table")[0];
tab.removeChild(titres);
</script>
</body>
</html>

Pourtant,les valeur de nodes sont bien corrects :
titres.innerHTML = "titre1 titre2"
tab.innerHTML = "titre1 titre2 L1C1 L1C2 L2C1 L2C2 L3C1 L3C2 L4C1 L4C2 L5C1 L5C2 "

La question c'est que si titres est un node d'enfant de tab

NoSmoking · 03/12/2011, 19h27

Re,
plusieurs points
d'abord avant de ce faire épingler par SpaceFrog, on notera que le titre de la page Dépalcement de titre, plus exactement Déplacement de titre et que le titre du post est Supprimer un node d'enfant d'un élément <table>

au final la structure écrite par le navigateur est la suivante

Code html :

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
<table border="1">
  <tbody>
    <tr>
      <th>titre1</th>
      <th>titre2</th>
    </tr>
    <tr>
      <td>L1C1</td>
      <td>L1C2</td>
    </tr>
    <tr>
      <td>L2C1</td>
      <td>L2C2</td>
    </tr>
    <tr>
      <td>L3C1</td>
      <td>L3C2</td>
    </tr>
    <tr>
      <td>L4C1</td>
      <td>L4C2</td>
    </tr>
    <tr>
      <td>L5C1</td>
      <td>L5C2</td>
    </tr>
  </tbody>
</table>

donc le parent direct des TR n'est pas la TABLE mais TBODY

Citation:

Code :

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

1
2
3
var titres = document.getElementsByTagName("tr")[0];
var tab    = document.getElementsByTagName("table")[0];
document.write(titres.innerHTML);

je ne vois aucune suppression dans ce code !

En mettant un ID à la table tu pourrais supprimer de la façon suivante

Code :

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

1
2
3
4
5
6
7
8
var oTable = document.getElementById('la_table');
var oTitre = oTable.getElementsByTagName('TH');
for( var i=0; i < oTitre.length;i++){
  alert( oTitre[i].innerHTML);  // juste pour voir
}
// suppression de la ligne
var oTitreParent = oTitre[0].parentNode;
oTable.deleteRow( oTitreParent);

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email