js操作table中tr的顺序实现上移下移一行的效果
原文：
在这个充满活力和机遇的时代，科技正在以前所未有的速度改变着我们的生活。从智能手机到社交媒体，从人工智能到云计算，科技已经成为我们日常生活中不可或缺的一部分。它为我们带来了无数的便利，也让我们更加深入地了解这个世界。
我们所处的时代，犹如一幅绚烂的画卷，充满了活力和机遇。在这幅画卷中，科技的笔触正在以惊人的速度描绘出崭新的图景。从手中的智能瑰宝——智能手机，到连接心灵的桥梁——社交媒体；从模拟人类智慧的神奇产物——人工智能，到云端计算的无限可能——云计算，科技已如空气般渗透到我们生活的每一个角落。
它不仅仅为我们带来了生活的便利，更是如同一扇开启的窗户，让我们窥见了世界的深邃与广阔。每一次点击、每一次滑动、每一次智能交互，都是科技与我们生活的一次亲密接触，让我们在享受便捷的也不断地被这个世界的新奇与精彩所震撼。
在这个时代，科技不仅仅是冰冷的机器和复杂的代码，它是我们未知、实现梦想的有力工具，是我们与世界对话的桥梁。它让我们在信息的海洋中畅游，让我们在智慧的火花中燃烧，让我们在无限的可能中追寻梦想的轨迹。
让我们拥抱科技，感受它带给我们的每一次变革，让它成为我们前行路上的得力助手，共同绘制这个充满机遇与挑战的新时代的辉煌篇章。
总体思路
1. 获取要移动的tr的行索引（rowIndex）。
2. 在table中删除该tr。
4. 将整个table的html赋值给div。
具体实现
以下是上移和下移功能的JavaScript代码实现：
```javascript
// 使行上移一行
function setRowUp(obj) {
var table = obj.parentNode.parentNode.parentNode; // 获取table元素
var nowNode = table.rows[obj.parentNode.parentNode.rowIndex]; // 获取当前要移动的tr
var nowHtml = nowNode.outerHTML; // 获取tr的html内容
var nowIndex = obj.parentNode.parentNode.rowIndex;
if (nowIndex > 1) { // 判断是否不是第一行
table.deleteRow(nowIndex); // 删除当前行
var newHtml = "
document.getElementById("divContent")nerHTML = newHtml; // 更新div的内容，实现效果
}
}
// 使行下移一行
function setRowDown(obj) {
var table = obj.parentNode.parentNode.parentNode; // 获取table元素
var nowNode = table.rows[obj.parentNode.parentNode.rowIndex]; // 获取当前要移动的tr
var nowHtml = nowNode.outerHTML; // 获取tr的html内容
var nowIndex = obj.parentNode.parentNode.rowIndex;
var rowsLength = table.rows.length; // 获取table的行数
if (nowIndex < rowsLength - 1) { // 判断是否不是最后一行
table.deleteRow(nowIndex); // 删除当前行
var newHtml = "