如何通过JavaScript实现数组元素相邻上下移动操作?
- 内容介绍
- 文章标签
- 相关推荐
本文共计464个文字,预计阅读时间需要2分钟。
实现效果:将当前元素与相邻元素交换位置。
代码实现:js// 点击上移时,当前元素与上一元素交换位置function moveUp() { var currentElement=event.target; var previousElement=currentElement.previousElementSibling;
if (previousElement) { currentElement.parentNode.insertBefore(currentElement, previousElement); }}
// 点击下移时,当前元素与下一元素交换位置function moveDown() { var currentElement=event.target; var nextElement=currentElement.nextElementSibling;
if (nextElement) { nextElement.parentNode.insertBefore(currentElement, nextElement.nextSibling); }}
实现效果:
即需要实现当前元素与相邻元素交换位置,
当上移时,则是当前元素与上一元素调换位置;当下移时,则是当前元素与下一元素调换位置。
本文共计464个文字,预计阅读时间需要2分钟。
实现效果:将当前元素与相邻元素交换位置。
代码实现:js// 点击上移时,当前元素与上一元素交换位置function moveUp() { var currentElement=event.target; var previousElement=currentElement.previousElementSibling;
if (previousElement) { currentElement.parentNode.insertBefore(currentElement, previousElement); }}
// 点击下移时,当前元素与下一元素交换位置function moveDown() { var currentElement=event.target; var nextElement=currentElement.nextElementSibling;
if (nextElement) { nextElement.parentNode.insertBefore(currentElement, nextElement.nextSibling); }}
实现效果:
即需要实现当前元素与相邻元素交换位置,
当上移时,则是当前元素与上一元素调换位置;当下移时,则是当前元素与下一元素调换位置。

