[DOM] : Probleme appendChild

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [DOM] : Probleme appendChild

krovomi

Bonjour,

J'ai un petit problème lors de ma création d'elements en DOM :

En effet, je voudrais au final que mon code HTML soit de la forme :

Code :

<div id="mainDiv">
<input type="button">
<div id="ajaxDiv">
...
</div>
</div>

Mais lorsque j'execute ce code là :

Code :

elem = document.createElement("div" );
elem.setAttribute("id", "mainDiv" );
elem.setAttribute("style", "display:block" );
elem.setAttribute("class", "ajax" );
button = document.createElement("input" );
button.type = "button";
button.setAttribute("height", "18px;" );
button.setAttribute("id", "button" );
button.setAttribute("value", "!" );
div = document.createElement("div" );
div.setAttribute("id", "divlist" );
div.setAttribute("style", "display:block" );
div.innerHTML = "Test";
div.setAttribute("class", "ajax" );
elem.appendChild(button);
button.appendChild(div);

Je m'aperçois qu'il me génère un code qui est celui-ci:

Code :

<div id="mainDiv" style="display: block;" class="ajax editable" title="">
<input type="button" height="18" id="button" value="!" title="">
<div id="divlist" style="display: block;" class="ajax">...</div>
</input>
</div>

Bizarrement sous Firebug en enlevant le </input> ça marche nikel et donc je voudrais comprendre pourquoi le DOM me rajoute cette balise </input> que je ne veux évidemment pas.

Merci d'avance.

Publicité

gatsu35

Blablaté par Harko

input est une balise qui ne peut rien contenir et toi dans ton code du fait :
button.appendChild(div)
ce qui veut dire : met moi ce div dans le input, c'est un peut bête nan ?
fait un simple elem.appendChild(div) et ton pb est réglé.

Halike

Bonjour,
C'est parce que tu attache ton element div en tant qu'enfant de l'element input, et non du div principal.
La ligne 20 devrait etre:

Code :

elem.appendChild(div)

Bonne journée

[edit]Grillé

Message édité par Halike le 10-04-2008 à 16:54:38

krovomi

oui c'etait bien Merci

FORUM HardWare.fr

Programmation

HTML/CSS

[DOM] : Probleme appendChild

Sujets relatifs
[Batch] Problème de variable dans boucle for	[CSS] Tit problème avec la bordure d'une table
[JS] innerHTML ou DOM ?	problème d'inactivité suivie d'une saisie de texte
Problème de publication d'Eclipse vers JBoss	déclaration d'un tableau d'objet probléme
Problème initialisation parser	JDOM: problème de namespace
[EXCEL] Problème RECHERCHEV dynamique	Problème template template [RESOLU]
Plus de sujets relatifs à : [DOM] : Probleme appendChild

Page générée en 0.061 secondes