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

20 浏览
0 Comments

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

我有这样的HTML代码：\n


    
    点击选择照片

\n我想从中提取出输入框，并更改其ID，并将其放在另一个div中。\n我该怎么做？如果需要使用jQuery，那么可以，但如果不需要那就太好了。

0

1 答案

0 Comments

问题的出现原因：

这个问题的出现是因为需要将一个元素移动到另一个父元素中，并且在移动之前需要改变这个元素的ID。但是在移动元素的同时改变ID可能会导致一些问题，因此需要找到解决方法来确保元素能够正确地移动并且ID也能够正确地改变。

解决方法：

解决这个问题的方法有两种：使用jQuery和使用原生JavaScript。

使用jQuery的解决方法如下：

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

这段代码首先通过选择器找到需要移动的元素，然后使用`prop()`或者`attr()`方法来改变元素的ID，最后使用`appendTo()`方法将元素移动到目标父元素中。

使用原生JavaScript的解决方法如下：

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

这段代码首先通过`getElementById()`方法找到需要移动的元素，然后使用赋值语句将元素的ID改变为新的ID，最后使用`appendChild()`方法将元素移动到目标父元素中。

无论是使用jQuery还是原生JavaScript，都可以很容易地将一个元素移动到另一个父元素中并且在移动之前改变它的ID。使用jQuery的方法可以适用于所有版本的jQuery，而使用原生JavaScript的方法更加简单直接。在使用`appendTo()`或者`appendChild()`方法时，需要注意这些方法是将元素移动到新位置而不是复制元素。

0