提问人:samkung 提问时间:10/22/2023 最后编辑:Mark Rotteveelsamkung 更新时间:11/15/2023 访问量:52
使用 replace 删除所有在 javascript 中包含 id 的 DOM?
Use replace to remove all DOM which included id in javascript?
问:
我需要导出 .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。
答:
0赞
Afzal K.
10/22/2023
#1
选取文档中属性以字母 开头的所有元素。然后,它遍历每个选定的元素,并将它们从文档中删除。id
id
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>
评论
id
document.querySelectorAll("p")
td