Más de un objeto dinámico Planteo esta duda porque no sé cómo resolverla. A través del siguiente código genero un textbox dinámico y botón borrar justo al lado para eliminarlo. Ahora, lo que quiero hacer es que no solo me cree este textbox, sino también un textArea, también un radioButton, pero si logro el textArea el otro sale solo. Es decir, en resumen, al hacer click en el botón "Agregar", que me genere el texto más el textBox (como está funcionando ahora) y que además le agregue otro texto más un textArea... No logro hacer esto último, en realidad la cuestión no es que no pueda (logro el textArea), sino que el texto contenedor.innerHTML = "textArea: "; que estaría justo antes, reemplaza al del textBox, no sé si me explico. O sea, al ser dinámico, lo cambia, pero lo que quiero es que justamente quede fijo antes de un textBox, textArea, radioButton, o lo que fuera.
Código:
Desde ya agradezco su ayuda, y si no me hice entender del todo, por favor me avisan para dar más detalle.<html>
<head>
<title>Test</title>
<script type="text/javascript">
icremento =0;
function crear(obj)
{
icremento++;
downloads = document.getElementById('downloads');
contenedor = document.createElement('div');
contenedor.id = 'div'+icremento;
downloads.appendChild(contenedor);
boton = document.createElement('input');
boton.type = 'text';
boton.name = 'text'+'[]';
contenedor.innerHTML = "Título: ";
contenedor.appendChild(boton);
boton = document.createElement('input');
boton.type = 'button';
boton.value = 'Borrar';
boton.name = 'div'+icremento;
boton.onclick = function(){borrar(this.name)}
contenedor.appendChild(boton);
downloads.appendChild(document.createElement('br'));
}
function borrar(obj)
{
downloads = document.getElementById('downloads');
downloads.removeChild(document.getElementById(obj));
}
</script>
</head>
<body>
<font face="calibri">
<form name="form">
<fieldset id="downloads" style="width:638px"><legend>Test</legend></br>
<input type="button" value="Agregar" onclick="crear(this)"></br></br>
</fieldset>
</br>
<input type=button value="Aceptar" onclick="transform()">
</form>
</font>
</body>
</html>
--------------
Solucionado: Lo pude hacer por medio del document.createTextNode("Texto");
Gracias igual...
Saludos,
