移動元素到另一個父

Question

我有HTML這樣的：

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

我想從那裏提取輸入領域，改變它的ID，並把它在其他分區。

我該怎麼做？如果jQuery是需要的，那麼可以，但如果沒有，那會很好。

Answer 1

這當然很容易在jQuery的：

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

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

工作演示：http://jsfiddle.net/AndyE/a93Az/

---

如果你想這樣做的純醇」 JS，它仍然是相當簡單：

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

工作演示：http://jsfiddle.net/AndyE/a93Az/1/