使用JavaScript移动HTML表中的项目

使用JavaScript移动HTML表中的项目,javascript,html,firebase,html-table,Javascript,Html,Firebase,Html Table,我正在创建一个堆栈类型的表,因此我希望每个数据项向下移动一行,并将新数据添加到顶部 JavaScript for (i = 1; i < 10; i++) { for (x = 0; x < 5; x++) { var start[] = document.getElementById("coinhistory").rows[i].cells; var destination = document.getElementB

我正在创建一个堆栈类型的表,因此我希望每个数据项向下移动一行,并将新数据添加到顶部

JavaScript

for (i = 1; i < 10; i++) {
        for (x = 0; x < 5; x++) {
            var start[] = document.getElementById("coinhistory").rows[i].cells;
            var destination = document.getElementById("coinhistory").rows[i++].cells;
            destination[x].innerHTML = document.getElementById("coinhistory").rows[i].cells;
        }
}
(i=1;i<10;i++)的
{
对于(x=0;x<5;x++){
var start[]=document.getElementById(“coinhistory”).rows[i]。单元格;
var destination=document.getElementById(“coinhistory”).rows[i++].cells;
目的地[x]。innerHTML=document.getElementById(“coinhistory”).rows[i]。单元格;
}
}
HTML


游戏号码
结果
选择
平衡变化
生成数
例1
例1
例1
例1
例1
//重复10次
这就是我到目前为止所做的,我希望每个项目在它自己的行中向下移动一次。如果你想要更多的代码或其他任何东西,请说。多谢各位


是否使用JavaScript数组
push()
方法

因为
push()


提示:要在数组开头添加项,请使用
unshift()
方法

是否使用JavaScript数组
push()
方法

因为
push()


提示:要在数组开头添加项,请使用
unshift()
方法您可以使用
insertRow(position)
在指定位置插入行,然后将单元格添加到您创建的行中。以下是在第一个位置添加行的示例:

var addrowtop=(arr)=>{
let table=document.getElementById(“coinhistory”);
let row=table.insertRow(1);//在表标题的正下方插入新行
let cells=[];
for(设i=0;i<5;i++){
设温度=行插入单元(i);
temp.innerHTML=arr[i];
}
}
addRowToTop([“第一”、“第二”、“第三”、“第四”、“第五”])
addRowToTop([“这个”、“一个”、“上面”、“最后一个”、“一个])

游戏号码
结果
选择
平衡变化
生成数
1.
2.
3.
4.
5.

您可以使用
插入行(位置)
在指定位置插入行,然后将单元格添加到您创建的行中。以下是在第一个位置添加行的示例:

var addrowtop=(arr)=>{
let table=document.getElementById(“coinhistory”);
let row=table.insertRow(1);//在表标题的正下方插入新行
let cells=[];
for(设i=0;i<5;i++){
设温度=行插入单元(i);
temp.innerHTML=arr[i];
}
}
addRowToTop([“第一”、“第二”、“第三”、“第四”、“第五”])
addRowToTop([“这个”、“一个”、“上面”、“最后一个”、“一个])

游戏号码
结果
选择
平衡变化
生成数
1.
2.
3.
4.
5.

我想得太多了,非常感谢。我将着手删除最后一行。“因为这是一个固定的位置,应该不会太难。”SubZeroFish很乐意帮忙!如果这回答了你的问题,看看!我想得太多了,非常感谢。我将着手删除最后一行。“因为这是一个固定的位置,应该不会太难。”SubZeroFish很乐意帮忙!如果这回答了你的问题,看看!我想我错过了一些有用的java方法。我将使用它们来帮助删除最后一行:)@SubZeroFish unshift如何允许您删除最后一行?使用
array.slice()
删除行。我想我错过了一些有用的java方法。我将使用它们来帮助删除最后一行:)@SubZeroFish unshift如何允许您删除最后一行?使用
array.slice()
删除行。
<table id="coinhistory">
    <tr>
        <th>Game Number</th>
        <th>Outcome</th>
        <th>Choice</th>
        <th>Balance Change</th>
        <th>Generated Number</th>
    </tr>
    <tr>
        <td>example1</td>
        <td>example1</td>
        <td>example1</td>
        <td>example1</td>
        <td>example1</td>
    <tr> //repeated for 10