Code-source


00001     function demo() {     

00002          

00003       dbg = 1 ; // 1 en normal, 0 pour "préparer le rendu"     

00004          

00005       txt1 = "Comme vous pouvez le voir, ce texte s'affiche APRES le chargement de toute la " ;     

00006       txt2 = "page." ;     

00007       if (dbg==1) { alert(txt1+txt2) ; } ;     

00008          

00009       elth2 = window.document.createElement("h2")     

00010       txt3 = " Après elth2 = window.document.createElement(\"h2\"), on ne voit rien de plus " ;     

00011       txt4 = " car l'élément est créé EN MEMOIRE seulement." ;     

00012       if (dbg==1) { alert(txt3+txt4) ; } ;     

00013          

00014       eltxt = window.document.createTextNode("insertion")     

00015       txt5 = " Après eltxt = window.document.createTextNode(\"insertion\"), on ne voit rien de plus " ;     

00016       txt6 = " car le noeud-texte est créé EN MEMOIRE seulement." ;     

00017       if (dbg==1) { alert(txt5+txt6) ; } ;     

00018          

00019       elth2.appendChild(eltxt)     

00020       txt7 = " Après elth2.appendChild(eltxt), toujours rien à l'écran " ;     

00021       txt8 = " car il s'agit d'une gestion de l'arbre en mémoire." ;     

00022       if (dbg==1) { alert(txt7+txt8) ; } ;     

00023          

00024       document.getElementById("milieu").appendChild(elth2) ;     

00025       txt9  = " Par contre, avec document.getElementById(\"milieu\").appendChild(elth2) ; " ;     

00026       txt10 = " le navigateur affiche le texte." ;     

00027       if (dbg==1) { alert(txt9+txt10) ; } ;     

00028          

00029       etxt2 = window.document.createTextNode("réussie") ;     

00030       eltfo = window.document.createElement("font") ;     

00031       eltfo.setAttribute("color","#880000") ;     

00032       eltfo.appendChild(etxt2)     

00033       document.getElementById("milieu").appendChild(eltfo) ;     

00034          

00035     } // fin de fonction demo
Listing du fichier domsimple.js
