<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.
Miei appunti liberi, senza pretesa di dire necessariamente sempre cose giuste o sensate, durante l'apprendimento e la pratica della programmazione
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:
Iscriviti a:
Commenti sul post (Atom)
Nessun commento:
Posta un commento