通过JavaScript函数在HTML代码中交换DIV

假设我有：

<body>
<div id="1">test1 </div>
<div id="2">test2 </div>
<div id="3">test3 </div>
<div id="4">test4 </div>
</body>

我想做的是与ID" 2"（或我选择的哪个）进行DIV，然后在关闭之前插入它。我需要如何处理？我基本上想通过JavaScript交换HTML代码中的DIVS。

这将起作用

$('body').append($('#2'));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>
<body>
<div id="1">test1 </div>
<div id="2">test2 </div>
<div id="3">test3 </div>
<div id="4">test4 </div>
</body>

您的问题是模棱两可的。交换是切换两件事的位置。您所描述的只是在列表的末端移动DIV。结果：" 1 3 4 2"。交换意味着您将获得" 1 4 3 2"。

如果您只想用Web API移动某些内容，则可以写

<script>
    let el = document.getElementById("1");
    let parent  = el.parentElement;
    parent.appendChild(el);
</script>

相关内容

最新更新

热门标签：