Problème innerHTML sur div !!!

**aburner** · 26/01/2005, 19h22

Bonjour tout le monde,

Voila j'ai une div :

Code :

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

1
2
3
4
 
<div id="textDiv">
essai
</div>

Dans une fonction javascript je récupère la div :

Code :

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

1
2
 
obj = document.getElementById("textDiv")

Et dans cette même fonction je veux lui changer le contenu (à savoir que la div est à l'intérieur d'un tableau) :

Code :

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

1
2
 
obj.innerHTML = "<tr><td>coucou</td><td>salut</td></tr>";

Jusque là tout peut paraitre normal mais qd je fais un alert sur "obj.innerHTML" il m'écrit ça :

Code :

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

1
2
 
coucou</td><td>salut</td></tr>

Il me sauter le "<tr>" et le "<td>"...

Donc je ne comprends vraiment pas pourquoi, car quand je mets du texte normal ça passe à merveille mais dès que je mets des balises td ou tr il me les enlève.

Si quelqu'un à une idée, elle sera la bienvenue

**SpaceFrog** · 26/01/2005, 19h37

parceque normalement autour des balises tr tu dois avoir des balises <table>

**aburner** · 26/01/2005, 19h49

non car si je mets les balises <table>, il me les vire aussi !!!

donc je sais pas.....

**aburner** · 26/01/2005, 21h19

en fait tester le code sous firefox c nikel mais sous IE ça déconne

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
 
<html>
  <head>
    <title></title>
      <script language=javascript>
    function essai() {
    var eeeee = "<tr><td>coucou</td></tr>";
    didi.innerHTML = eeeee;
    alert(didi.innerHTML);
   }
    </script>
  </head>
  <body>
  <input type="button" onclick="essai();" value="essai">
  <table>
  <div id="didi">
  	<script language=javascript>
		document.write("");
	</script>	
  </div>
  </table>
  </body>
</html>

**SpaceFrog** · 27/01/2005, 08h42

pas très catholique ce code ??? un div qui vient perturber la structure d'un tableau !!!

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
 
<html>
  <head>
    <title></title>
      <script language=javascript>
    function essai() {
    var eeeee =escape("<tr><td>coucou</td></tr>");
    didi.innerHTML = unescape(eeeee);
    alert(didi.innerHTML);
   }
    </script>
  </head>
  <body>
  <input type="button" onclick="essai();" value="essai">
  <table id="didi">
 
  </table>
  </body>
<script type='text/javascript'>
 essai()
</script>
</html>

**aburner** · 27/01/2005, 09h23

c bon sous ie il faut que je raffraichisse une table entière mais pas juste le contenu....

Merci pour votre aide....

A plus...

Problème innerHTML sur div !!!

JavaScript

Discussions similaires

Partager

Partager