如何使用Javascript将单元格数据值从HTML表格的一列移到另一列？

Question

I want to rotate the values in HTML table rows with button, but in the following code "Move" button is not working. 我想使用按钮旋转HTML表格行中的值，但是在以下代码中，“移动”按钮不起作用。 Display button will give following table: 显示按钮将给出下表：

0 1 2 0 1 2
0 1 2 0 1 2
0 1 2 0 1 2
by clicking on move button I want table as follows: 通过单击移动按钮，我想要表格如下：

2 0 1 2 0 1
2 0 1 2 0 1
2 0 1 2 0 1
and keep rotating the values in row by clicking the move button 并通过单击移动按钮继续旋转值

<body>
<script>
var myArray = new Array();
var i=0;
var j=0;
function display()
{
var table = document.createElement('table');
table.setAttribute("id", "tbl");
for (i = 0; i < 4; i++){
    var tr = document.createElement('tr');
  for (j = 0; j < 4; j++)
      {
    var td= document.createElement('td');
    var text = document.createTextNode(j);

    td.appendChild(text);
    tr.appendChild(td);

    table.appendChild(tr);
    document.body.appendChild(table);
}
}
}

function move()
{
    var table = document.getElementById('tbl');
    for(i=0;i<4;i++)
        {
        var x = table.rows[i].cells[9].innerHTML;
        for(j=0;j<4;j++)
            {
    table.rows[i].cells[j+1].innerHTML = table.rows[i].cells[j].innerHTML;  
        }
        table.rows[i].cells[0].innerHTML=x;
    }
}

    </script>

HTML: HTML：

<input id="display" type="button" value="Display" onclick="display();" />
<input id="move" type="button" value="Move" onclick="move();" />

Answer 1

maybe: 也许：

 function display() { var table = document.createElement('table'); table.setAttribute("id", "tbl"); for (var i = 0; i < 4; i++) { var tr = document.createElement('tr'); for (var j = 0; j < 4; j++) { var td = document.createElement('td'); var text = document.createTextNode(j); td.appendChild(text); tr.appendChild(td); } table.appendChild(tr); } document.body.appendChild(table); } function move() { var table = document.querySelector('#tbl'); var tr = table.rows; for (var i = 0; i < tr.length; i++) { tr[i].insertBefore(tr[i].lastElementChild, tr[i].firstElementChild); } }

如何使用Javascript将单元格数据值从HTML表格的一列移到另一列？

问题描述

1 个解决方案

解决方案1
0 已采纳 2017-07-17 22:34:10

如何使用Javascript将单元格数据值从HTML表格的一列移到另一列？

问题描述

1 个解决方案

解决方案1 0 已采纳 2017-07-17 22:34:10

解决方案1
0 已采纳 2017-07-17 22:34:10