js代码删除表格除标题行(第一行)的所有行,怎么写?

JavaScript025

js代码删除表格除标题行(第一行)的所有行,怎么写?,第1张

<script type="text/javascript">

function remove() {

    var table = document.getElementById("table"),

        trs = table.getElementsByTagName("tr")

          

    for(var i = trs.length - 1i >0i--) {

        table.deleteRow(i)

    }

}

</script> <table border="1" id="table">

<tr><td colspan="2">标题</td></tr>

<tr><td>1</td><td>2</td></tr>

<tr><td>3</td><td>4</td></tr>

<tr><td>5</td><td>6</td></tr>

<tr><td>7</td><td>8</td></tr>

</table>

<input type="button" onclick="remove()" value="删除" />

用 splice ( Array.prototype.splice ) 方法。splice 方法修改数组内容,删除对应项,添加新的项。

array.splice( start )// 从第 start 项开始删除后面所有项

array.splice( start, deleteCount )// 从第start项开始,删除后面deleteCount 数量的项

array.splice( start, deleteCount, item1, item2 ... )// 从第start项开始,删除后面deleteCount数量的向,并用 item1, item2 ... 替换。

对于你的需求,例子如下:

var arr = [ 0, 1, 2, 3, 4, 5, 6 ]

arr.splice( 3, 1 ) // 删除数组第三项 

console.log( arr ) // output [ 0, 1, 2, 4, 5, 6 ]

$("#ffw").click(function(){

$("#ddd tr:last-child").remove()

})

利用jquery就很简单了,记得把tr的id='tt'去掉 这个是从最后一行开始删除 要从第一个开始删除就first-child