如果要在不丢失换行符的情况下交换DOM元素,可以使用以下代码示例:
HTML:
Element 1
Element 2
JavaScript:
function swapElements(element1, element2) {
// 创建一个文档片段
var fragment = document.createDocumentFragment();
// 先将 element1 的父元素保存起来
var parent = element1.parentNode;
// 将 element1 从 DOM 中移除并添加到文档片段中
parent.replaceChild(fragment, element1);
// 将 element2 从 DOM 中移除并添加到 element1 的位置
parent.replaceChild(element1, element2);
// 将 element1 添加到 element2 的位置
fragment.appendChild(element2);
parent.appendChild(fragment);
}
// 获取需要交换的元素
var element1 = document.getElementById("element1");
var element2 = document.getElementById("element2");
// 调用交换函数
swapElements(element1, element2);
这段代码首先创建了一个文档片段(fragment
),然后将 element1
从 DOM 中移除并添加到文档片段中。接下来,将 element2
从 DOM 中移除并添加到 element1
的位置,最后将 element1
添加到 element2
的位置。通过使用文档片段,可以在进行元素交换时保留换行符。