使用removeChild（）从父DOM中删除特定的索引子级[Javascript]_Javascript_Html_Dom

使用removeChild（）从父DOM中删除特定的索引子级[Javascript]

javascript html dom

使用removeChild（）从父DOM中删除特定的索引子级[Javascript],javascript,html,dom,Javascript,Html,Dom,我有一个基本结构的表格： <thead> <tr> <td></td> <td></td> <td></td> </tr> </thead> <body> <tr> <td></td> <td></td> <td></td> </tr>

我有一个基本结构的表格：

<thead>
 <tr>
  <td></td>
  <td></td>
  <td></td>
 </tr>
</thead>
<body>
 <tr>
  <td></td>
  <td></td>
  <td></td>
 </tr>
 <tr>
  <td></td>
  <td></td>
  <td></td>
 </tr>
 <tr>
  <td></td>
  <td></td>
  <td></td>
 </tr>
</tbody>

我想从每个“tr”标记中删除第二个子项，所以我想做如下操作：

const rows = document.getElementsByTagName('td')
for (let i = 0; i < rows.length; i++) {
  rows[i].removeChild(target the second child here)
}

const rows=document.getElementsByTagName（'td'））
for（设i=0；i


我正在寻找一个使用纯香草javascript（无jquery）的解决方案。
您可以通过单个选择器字符串选择要删除的tds，它可能更优雅：

document.querySelectorAll（'td:n子级（2）'
.forEach（td=>td.remove（））

td1
td2
td3
td1
td2
td3
td1
td2
td3
td1
td2
td3
您可以通过单个选择器字符串选择要删除的tds，它可能更优雅：

document.querySelectorAll（'td:n子级（2）'
.forEach（td=>td.remove（））

td1
td2
td3
td1
td2
td3
td1
td2
td3
td1
td2
td3
您可以将查询选择器与第n个子项一起使用
const rows = document.getElementsByTagName('tr')
for (let i = 0; i < rows.length; i++) {
  rows[i].removeChild(rows[i].querySelector('td:nth-child(2)'));
}

const rows=document.getElementsByTagName（'tr'）
for（设i=0；i



1.
2.
3.
1.
2.
3.
1.
2.
3.
1.
2.
3.
var rows=document.getElementsByTagName（'tr'）；
for（设i=0；i
您可以将查询选择器与第n个子项一起使用
const rows = document.getElementsByTagName('tr')
for (let i = 0; i < rows.length; i++) {
  rows[i].removeChild(rows[i].querySelector('td:nth-child(2)'));
}

const rows=document.getElementsByTagName（'tr'）
for（设i=0；i



1.
2.
3.
1.
2.
3.
1.
2.
3.
1.
2.
3.
var rows=document.getElementsByTagName（'tr'）；
for（设i=0；i
在VanillaJS中，您可以使用document.queryselectoral（）
并使用forEach（）遍历第二个td



/$（“#myTable td:nth child（2）”）.remove（）
[].forEach.call（document.querySelectorAll（“#myTable td:n个子项（2）”），函数（td）{
td.删除（）；
});

TD-1
TD-2
TD-3
TD-1
TD-2
TD-3
TD-1
TD-2
TD-3
TD-1
TD-2
TD-3
在VanillaJS中，您可以使用document.queryselectoral（）
并使用forEach（）遍历第二个td



/$（“#myTable td:nth child（2）”）.remove（）
[].forEach.call（document.querySelectorAll（“#myTable td:n个子项（2）”），函数（td）{
td.删除（）；
});

TD-1
TD-2
TD-3
TD-1
TD-2
TD-3
TD-1
TD-2
TD-3
TD-1
TD-2
TD-3
没错，但我在寻找一个普通的javascript解决方案没错，但我在寻找一个普通的javascript解决方案