js 交换中两个指定元素的位置 使用 appendChild()方法

可以通过以下代码实现交换元素位置：

var parent = document.getElementById('parent-element');
var element1 = document.getElementById('element1');
var element2 = document.getElementById('element2');

parent.insertBefore(element2, element1);

这里将 element2 插入到 element1 前面，从而实现了交换位置。不需要使用 appendChild() 方法。

相关问题

js 交换两个指定元素的位置 使用 getElementByld()方法和 appendChild()方法

可以使用以下代码实现：

function swapElements(firstElementId, secondElementId) {
  var firstElement = document.getElementById(firstElementId);
  var secondElement = document.getElementById(secondElementId);
  var temp = firstElement.parentNode.insertBefore(document.createTextNode(''), firstElement);
  secondElement.parentNode.insertBefore(firstElement, secondElement);
  temp.parentNode.insertBefore(secondElement, temp);
}

示例用法：

swapElements('element1', 'element2');

其中，'element1'和'element2'为要交换位置的两个元素的id。

这段代码通过 getElementById() 方法获取到指定id的元素，然后使用 insertBefore() 方法改变了它们在 DOM 中的位置，从而实现了元素位置的交换。

js 交换不同列表中两个指定元素的位置 使用 getElementByld()方法和 appendChild()方法

可以使用以下代码实现：

function swapElements(id1, id2) {
  var el1 = document.getElementById(id1);
  var el2 = document.getElementById(id2);
  var parent1 = el1.parentNode;
  var parent2 = el2.parentNode;
  var next1 = el1.nextSibling;
  var next2 = el2.nextSibling;

  parent1.insertBefore(el2, next1);
  parent2.insertBefore(el1, next2);
}

其中，id1 和 id2 分别为需要交换元素的 id。

使用方法：调用 `swapElements(id1, id2)` 即可实现交换。

注意：如果想要交换的元素在不同的列表中，需要保证两个列表都存在于 DOM 树中。