如何通过JavaScript实现数组元素相邻上下移动操作?

更新于
2026-09-25 12:33:24
1阅读来源:SEO资讯
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计464个文字,预计阅读时间需要2分钟。

如何通过JavaScript实现数组元素相邻上下移动操作?

实现效果:将当前元素与相邻元素交换位置。

代码实现: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); }}

实现效果:

如何通过JavaScript实现数组元素相邻上下移动操作?

即需要实现当前元素与相邻元素交换位置,

当上移时,则是当前元素与上一元素调换位置;当下移时,则是当前元素与下一元素调换位置。

阅读全文

本文共计464个文字,预计阅读时间需要2分钟。

如何通过JavaScript实现数组元素相邻上下移动操作?

实现效果:将当前元素与相邻元素交换位置。

代码实现: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); }}

实现效果:

如何通过JavaScript实现数组元素相邻上下移动操作?

即需要实现当前元素与相邻元素交换位置,

当上移时,则是当前元素与上一元素调换位置;当下移时,则是当前元素与下一元素调换位置。

阅读全文