JavascriptProva

domenica 23 settembre 2012

Creazione e aggiunta di nuovi elementi HTML

Ecco, ho trovato il modo di creare dinamicamente diversi elementi nuovi in una pagina HTML:
<html>
<head>
<style>
.tipo {
 border:2px solid black;
 width: 300px;
}
</style>
<script>
var contatore=0;
function crea(){
 for (n=0; n<10;n++) {
  var nuovo=document.createElement("div");
  nuovo.setAttribute("class","tipo")
  nuovo.innerHTML="ciccio"+contatore;
  document.getElementById("primo").appendChild(nuovo);
  contatore++;
 }
}
window.onload=crea;
</script>
</head>
<body>
<div id ="primo">Elemento</div>


</body>
</html>
 
E funziona.

Nessun commento:

Posta un commento