使用 replace 删除所有在 javascript 中包含 id 的 DOM?

Use replace to remove all DOM which included id in javascript?

提问人:samkung 提问时间:10/22/2023 最后编辑:Mark Rotteveelsamkung 更新时间:11/15/2023 访问量:52

问:

我需要导出 .xls,但表中有一些我不需要的元素。我可以使用 replace 删除所有包含“id”元素的 DOM 吗?

Ttable的

<td>
<input id="id-1" value="111"><br>
<p">111</p>
<input id="id-2" value="222"><br>
<p">222</p>
<input id="id-3" value="3"><br>
<p">333</p>
<input id="id-4" value="4"><br>
<p">444</p>
<input id="id-5" value="4"><br>
<p">555</p>
</td>

我想像这样导出:

<td>
<br>
<p">111</p>
<br>
<p">222</p>
<br>
<p">333</p>
<br>
<p">444</p>
<br>
<p">555</p>
</td>

我尝试使用替换来搜索所有 id^* 元素,但我无法删除 DOM。我想删除所有在 xls 中包含“id”元素的 DOM。

JavaScript Excel 替换 ReplaceAll

评论

0赞 Mushroomator 10/22/2023
当你可以在这里做的时候,为什么要搜索呢?然后将结果包装在 .iddocument.querySelectorAll("p")td

答:

0赞 Afzal K. 10/22/2023 #1

选取文档中属性以字母 开头的所有元素。然后,它遍历每个选定的元素,并将它们从文档中删除。idid

const elementsToRemove = document.querySelectorAll('[id^="id"]');

elementsToRemove.forEach(element => element.remove());
<td>
<input id="id-1" value="111"><br>
<p>111</p>
<input id="id-2" value="222"><br>
<p>222</p>
<input id="id-3" value="3"><br>
<p>333</p>
<input id="id-4" value="4"><br>
<p>444</p>
<input id="id-5" value="4"><br>
<p>555</p>
</td>