Javascript 如何删除所有<;tr>;HTML表中的元素(第一个除外)

Javascript 如何删除所有<;tr>;HTML表中的元素(第一个除外),javascript,html,html-table,Javascript,Html,Html Table,假设我有一张这样的桌子: 标题栏第1列 标题栏第2列 数据行1,列1 数据行1第2列 数据行2第1列 数据行2第2列 您可以获取第一个tr并将其替换为所有表体 var mytbl=document.getElementById(“表1”); mytbl.getElementsByTagName(“tbody”)[0]。innerHTML=mytbl.rows[0]。innerHTML 标题栏第1列 标题栏第2列 数据行1,列1 数据行1第2列 数据行2第1列 数据行2第2列 删除第二个元

假设我有一张这样的桌子:


标题栏第1列
标题栏第2列
数据行1,列1
数据行1第2列
数据行2第1列
数据行2第2列

您可以获取第一个tr并将其替换为所有表体

var mytbl=document.getElementById(“表1”);
mytbl.getElementsByTagName(“tbody”)[0]。innerHTML=mytbl.rows[0]。innerHTML

标题栏第1列
标题栏第2列
数据行1,列1
数据行1第2列
数据行2第1列
数据行2第2列

删除第二个元素,直到只剩下一个元素:

var table=document.getElementById(“datatable1”);
while(table.rows.length>1){
表1删除行(1);
}

标题栏第1列
标题栏第2列
数据行1,列1
数据行1第2列
数据行2第1列
数据行2第2列

如果您愿意,可以使用CSS来完成
tr+tr
选择除第一行以外的所有行

tr+tr{
显示:无;
}

标题栏第1列
标题栏第2列
数据行1,列1
数据行1第2列
数据行2第1列
数据行2第2列

请发布您最近尝试的tbody{display:none}或tbody>tr{display:none}您能向我解释一下tbody的来源吗?不是从您的原始代码,您可以将tbody替换为table@S.Jones现在的大多数浏览器都会自动插入该内容。您仍然可以选择它。是的,tbody是表示表体的标准元素。不需要将其放入标记中,但浏览器会将其包含在DOM中。这只是隐藏它们,而不是删除它们them@Huangism的确如此,但他把这个问题贴上了“CSS”的标签,所以谁知道他想要什么。它们看起来不见了。其他人已经发布了一个JS解决方案。OP确实说,
我尝试了一些纯JS解决方案(这就是我想要的)
关于删除的标题非常清楚,但肯定可能隐藏它们是好的,如果我的页面上有另一个表,我想保持完整,此方法仍然有效吗?@S.Jones将id添加到要修改的表中,以便更轻松地修改target@Huangism我如何编辑这个答案中的Javascript以适应这个问题?@S.Jones
并将第一行替换为
var table=document.getElementById(“foo”).children[0]
Sumeet的答案也会得到带有ID的表