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.