Q : Définitions innerText, innerHTML, outerText, outerHTML
R :
exemple :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
 
 
<p id="pg">coucou <b>tout le monde</b></p>

innertText : récupère le contenu entre deux balises sans interprétation des balises contenu dans le texte (supprime toutes la balises contenues dans le texte récupéré).
Code x : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
document.getElementById("pg").innerText 
retourne 
coucou tout le monde

innerHTML : récupère le contenu entre deux balises avec formatage (laisse les éventuelles balises contenues dans le texte).
Code x : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
document.getElementById("pg").innerHTML 
retourne 
coucou <b>tout le monde</b>


outerText : même chose que innerText ()

outerHTML : même chose que innerHTML mais prend également les balises qui encadrent le texte

Code x : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
document.getElementById("pg").outerHTML 
retourne
<p id="pg">coucou <b>tout le monde</b></p>

Remarques :
innerText, outerText et outerHTML sont obsolètes
utiliser innerHTML (d'ailleurs Firefox ne reconnait que cette fonction)

Par ailleurs, pour ajouter de nouveaux éléments (select, div, p, span, a, form, input, etc...), il est vivement conseillé d'utiliser les méthodes du DOM (cf. ce tutotriel)