Per ora iniziamo solo con uno.
Ho tolto gli "id" in quanto quell'attributo deve essere univoco, e non è corretto attribuire lo stesso "id" a più elementi.
<html>
<head>
<style>
.bordato {
border: 5px solid black;
float:left;
}
.bordatorosso {
border: 5px solid blue;
width:200px;
float:left;
margin-left:5px;
padding:5px;
}
</style>
<script>
function $(a){
return (document.getElementById(a));
}
function aggiungiFiglio(elemento){
var nuovo=document.createElement("div");
nuovo.innerHTML="<input type='text'>";
elemento.appendChild(nuovo);
}
</script>
</head>
<body>
<div id="padre" class=bordato>
<div class=bordatorosso>
Uno due tre
</div>
<div class=bordatorosso>
<input type='button' value='Aggiungi' onClick=aggiungiFiglio(this.parentNode)>
</div>
<div class=bordatorosso>
sette otto nove
</div>
</div>
</body>
</html>
Nessun commento:
Posta un commento