mover un elemento a otro padre después de cambiar su ID de

Question

tengo HTML así:

<span class="file-wrapper" id="fileSpan"> 
    <input type="file" name="photo[]" id="photo" /> 
    <span class="button">Click to choose photo</span> 
</span> 

Quiero extraer el campo de entrada a partir de ahí, cambiar su ID y ponerlo en otro div.

¿Cómo puedo hacer eso? Si se necesita jQuery, está bien, pero si puede ser sin eso sería genial.

Answer 1

Es ciertamente fácil en jQuery:

// jQuery 1.6+ 
$("#photo").prop("id", "newId").appendTo("#someOtherDiv"); 

// jQuery (all versions) 
$("#photo").attr("id", "newId").appendTo("#someOtherDiv"); 

demostración de trabajo: http://jsfiddle.net/AndyE/a93Az/

---

Si desea hacerlo en ol llano' JS, todavía es bastante simple:

var photo = document.getElementById("photo"); 
photo.id = "newId"; 
document.getElementById("someOtherDiv").appendChild(photo); 

demostración de trabajo: http://jsfiddle.net/AndyE/a93Az/1/