Spostare un elemento ad un altro genitore dopo aver cambiato il suo ID

Question

ho HTML come questo:

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

Voglio estrarre il campo di input da lì, cambiare il suo ID e metterlo in un altro div.

Come posso farlo? Se jQuery è necessario va bene, ma se può essere senza sarebbe fantastico.

Answer 1

E 'certamente facile in jQuery:

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

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

demo di lavoro: http://jsfiddle.net/AndyE/a93Az/

---

Se si vuole fare in pianura ol' JS, è ancora abbastanza semplice:

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

demo di lavoro: http://jsfiddle.net/AndyE/a93Az/1/