function demo() {
dbg = 1 ; // 1 en normal, 0 pour "préparer le rendu"
txt1 = "Comme vous pouvez le voir, ce texte s'affiche APRES le chargement de toute la " ;
txt2 = "page." ;
if (dbg==1) { alert(txt1+txt2) ; } ;
elth2 = window.document.createElement("h2")
txt3 = " Après elth2 = window.document.createElement(\"h2\"), on ne voit rien de plus " ;
txt4 = " car l'élément est créé EN MEMOIRE seulement." ;
if (dbg==1) { alert(txt3+txt4) ; } ;
eltxt = window.document.createTextNode("insertion")
txt5 = " Après eltxt = window.document.createTextNode(\"insertion\"), on ne voit rien de plus " ;
txt6 = " car le noeud-texte est créé EN MEMOIRE seulement." ;
if (dbg==1) { alert(txt5+txt6) ; } ;
elth2.appendChild(eltxt)
txt7 = " Après elth2.appendChild(eltxt), toujours rien à l'écran " ;
txt8 = " car il s'agit d'une gestion de l'arbre en mémoire." ;
if (dbg==1) { alert(txt7+txt8) ; } ;
document.getElementById("milieu").appendChild(elth2) ;
txt9 = " Par contre, avec document.getElementById(\"milieu\").appendChild(elth2) ; " ;
txt10 = " le navigateur affiche le texte." ;
if (dbg==1) { alert(txt9+txt10) ; } ;
etxt2 = window.document.createTextNode("réussie") ;
eltfo = window.document.createElement("font") ;
eltfo.setAttribute("color","#880000") ;
eltfo.appendChild(etxt2)
document.getElementById("milieu").appendChild(eltfo) ;
} // fin de fonction demo
|