从DOM中删除匹配元素而不修改网页显示
从DOM中删除匹配元素而不修改网页显示
想要从DOM中删除匹配特定条件的元素,例如删除所有包含'kk-utility-details'类的'[role='article']'元素,但又不希望网页显示发生变化,可以使用以下代码实现:
const elements = document.querySelectorAll('[role='article']');
// 使用forEach遍历每个元素
elements.forEach(element => {
// 检查元素是否包含'kk-utility-details'类
if (element.classList.contains('kk-utility-details')) {
// 从DOM中移除该元素
element.remove();
}
});
这段代码首先使用document.querySelectorAll方法来获取所有匹配'[role='article']'的元素。然后,使用forEach方法遍历这些元素,如果元素的classList中包含'kk-utility-details'类名,则使用remove方法将该元素从DOM中删除。这样就可以删除所有匹配的元素,而不修改网页显示。
原文地址: https://www.cveoy.top/t/topic/qhFn 著作权归作者所有。请勿转载和采集!