J'avais besoin de rendre une liste dynamique, j'ai donc fait un petit script qui permet de rajouter un li dans un ul. Il me fallait aussi un attribut 'value' sur le li.
Et au cours de mes tests je suis tombé sur ce beau petit bout de code qui fait planter IE, mais pas une erreur javascript vraiment planter ( sous FF aucun problème):
Code :
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
- "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
- <head>
- <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
- <title>Test</title>
- <script type="text/javascript">
- function test(){
- var node = document.createElement('li');
- node.appendChild(document.createTextNode('test'));
- node.setAttribute('value', '1');
- document.getElementById('target').appendChild(node);
- }
- function test2(){
- var node = document.createElement('li');
- node.setAttribute('value', '2');
- node.appendChild(document.createTextNode('text2'));
- document.getElementById('target').appendChild(node);
- }
- </script>
- </head>
- <body >
- <ul id="target"></ul>
- <input type="button" value="test" onclick="test()"/>
- <input type="button" value="plantage" onclick="test2()"/>
- </body>
- </html>
|
Bon evidement j'avais commencé par faire comme dans test2, et je fais désormais comme dans test tout court.
Mais cela m'amène une question,, y'a-t-il un ordre "normé" dans la déclaration des noeuds quand on utilise le DOM (quelque chose dans le genre on déclare le noeud, son contenu, ses attributs et on l'append)?
