Javascript-DOM: Modifier un document

Author:

Javascript-DOM: Modifier un document
{filelink=77}

 
 
   
   
   
document.onclick=changeDoc;

function changeDoc(  ) {

   // Suppression des éléments
   var hdr = document.getElementById("myHeadee");
   var div = document.getElementById("div1");
   div.removeChild(hdr);

   // Remplacer l'image par texte
   var img = document.getElementById("img1");
   var p = document.getElementById("p2");
   var txt = document.createTextNode("Welcom");
   p.replaceChild(txt,img);

   // Ajout d'n nouveau élément
   var div2= document.createElement("div");
   div2.innerHTML="

Fin de document

"; document.body.appendChild(div2); }

Cliquez sur le document pour le modifier

Pour mieux programmer en javascript il est indispensable de comprendre la notion "DOM".

Exemple de texte avec Image, l'image sera remplacée à l'aide d'un code Javascript. Texte alternatif

Leave a Reply

Your email address will not be published. Required fields are marked *