provando così sembra che funzioni :
codice:
function aggiungiDiv()
    {
      divPrinc= document.getElementById("div1");
      var divAgg= document.createElement("div"); 
      var cont="<img src=\"prova.jpg\" width=\"80px\" height=\"80px\"> ";
      cont=cont+"
<a href=\"index.html\" title=\"index\">Index</a>";        
      divAgg.setAttribute("class","immagine");      
      divAgg.innerHTML=cont;
      divPrinc.appendChild(divAgg);
      alert('inserito');
    }
ma se io invece faccio così:
codice:
function aggiungiDiv()
{
   var divPrinc= document.getElementById("div1");
   var img = document.createElement("img");   
   var divAgg= document.createElement("div");
   var  link=document.creteElement("a");
  
   img.src="immagine.jpg";
   img.width="80";
   img.height="80";

   link.href="index.html";
   link.innerText="index";
   link.title="Prova";

   divAgg.appendChild(img);
   divAgg.appendChild(link);
   divPrinc.appendChild(divAgg);
}
mi inserisce solo l'immagine e non il link...
e poi non ho capito la differenza tra :
codice:
   img.href="index.html";
e
codice:
   img.setAttribute("href","index.html"=;
Grazie

P.S.
Come si può notare sono nuovo per quanto riguarda il javascript anche se alle volte ho utilizzato script esistenti e li ho anche personalizzati ma non avevo mai prima d'ora approfondito la sua conoscienza!

ovviamente il codice HTML è questo :
codice:
<html>
  <head>
    <title>Prova div</title>
    <style>
     .immagine
     {
        padding:5px;
        border: 1px solid;
        width: 90px;
      }
      .immagine a
      {
        color:red;
       
      } 
     
    </style>
  </head>
  <body>
    <form>
      <input type="button" value="aggiungi" nome="aggiungi" onclick="aggiungiDiv();" >      
    </form> 
    <div id="div1">
    </div>
  </body>
</html>