除了第一个,你如何用Javascript删除表上的所有行？这是我的代码,我想创建一个删除除第一行之外的所有行的函数,并将其更改为"您的团队名单为空".我需要Javascript代码.
<script type="text/javascript">
/* <![CDATA[ */
var flag = true;
function addBowler() {
if(flag){
document.getElementById("bowlerList").deleteRow(0);
flag = false;
}
var removeButton = "<input type='button' value='remove' onclick='removePlayer()' /> ";
var newBowler = document.getElementsByName('bowlersName')[0].value;
var tr = document.createElement('tr');
var td = tr.appendChild(document.createElement('td'));
td.innerHTML = newBowler + removeButton;
document.getElementById("bowlerList").appendChild(tr);
}
function removePlayer() {
}
/* ]]> */
</script>
</head>
<body>
<!-- HEADER 1 & 2 -->
<h1>Central Valley Lanes</h1>
<h2>2008 Bowling Teams</h2>
<p>Bowler's name:<input type="text" name="bowlersName" size="15" />
<input type="button" value="Add Bowler" onclick="addBowler()" /></p>
<h2>Team Roster</h2>
<form action="FormProcessor.html" method="get" >
<table border="1" id="bowlerList">
<tr><td id="empty">Your team roster is empty</td></tr>
</table>
<p><input type="submit" value="Submit" /></p>
</form>
</body>
你能用jQuery吗？
$("#bowlerList:not(:first)").remove();
参考这里:jQuery选择除了第一个以外的所有
小智 5
要删除除第一行（第一行可能是表的标题行）以外的所有行，如上面的示例代码所示，表ID为 bowlerList
var mytbl = document.getElementById("bowlerList");
mytbl.getElementsByTagName("tbody")[0].innerHTML = mytbl.rows[0].innerHTML;
尚未针对速度进行优化，但是可以一次又一次轻松地删除许多行。
| 归档时间： |
|
| 查看次数： |
22237 次 |
| 最近记录： |