如何删除表中的最后一行并将其设置为javascript中的第一行？_Javascript

如何删除表中的最后一行并将其设置为javascript中的第一行？

javascript

如何删除表中的最后一行并将其设置为javascript中的第一行？,javascript,Javascript,我尝试了以下函数downlown（）来删除最后一行并将其作为第一行插入，而display（）函数只是创建表 <body> <script> function downward() { var table = document.getElementsByTagName('table'); var count = table.rows.length - 1;

我尝试了以下函数downlown（）来删除最后一行并将其作为第一行插入，而display（）函数只是创建表

    <body>
    <script>
        function downward() {
                    var table = document.getElementsByTagName('table');
                    var count = table.rows.length - 1;
                    var table = table[count];
                    var rows = table.getElementsByTagName('tr');
                    var shifted = rows[count];
                    rows[count].parentNode.removeChild(rows[count]);
                    table.insertBefore(rows[0]);

                }
    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+i);

                td.appendChild(text);
                tr.appendChild(td);
            }
            table.appendChild(tr);
        }
        document.body.appendChild(table);
    }
    </script>
<input id="display" type="button" value="Display" onclick="display();" />
<input id="downward" type="button" value="downward" onclick="downward();" />
    </body>


函数向下（）{
var table=document.getElementsByTagName（'table'）；
变量计数=table.rows.length-1；
var表=表[计数]；
var rows=table.getElementsByTagName（'tr'）；
var移位=行[计数]；
行[count].parentNode.removeChild（行[count]）；
表.insertBefore（行[0]）；
}
函数显示（）{
var table=document.createElement（'table'）；
表.setAttribute（“id”、“tbl”）；
对于（变量i=0；i<4；i++）{
var tr=document.createElement（'tr'）；
对于（var j=0；j<4；j++）{
var td=document.createElement（'td'）；
var text=document.createTextNode（j+i）；
td.儿童（文本）；
tr.appendChild（td）；
}
表1.儿童（tr）；
}
document.body.appendChild（表）；
}

使用

.removeChild

删除最后一个子元素，并使用

.insertBefore

将其插入第一个元素之前。见示例：

函数myFunction（）{
var table=document.getElementById（“myTable”）；
var tr=document.getElementById（“myTable”）.lastChild；
表.removeChild[document.getElementsByTagName（“tr”）.lengh]；
table.insertBefore（tr，document.getElementById（“myTable”）.firstChild）；
}

123


单击我查看结果

，因为document.getElementsByTagName（'table'）；返回集合，并将其视为单个元素。查看开发人员控制台以了解将来的错误。