更改其ID后，将元素移动到另一个父级

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并将其放在另一个div中。

我该怎么做？如果需要jQuery就可以了，但是如果没有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/