时间戳

首页 > 解决方案 > 无法使用 javascript 从 div 中删除类

javascript - 无法使用 javascript 从 div 中删除类

问题描述

我有一个 wordpress 网站在此处输入链接描述

在移动视图中，其部分的主页 2 隐藏，当我检查它时，由于名为“wpb_animate_when_almost_visible”的类，因为这些部分来自模板，我无法直接从代码中删除该类，也无法分配新的 id 到 div，所以我从浏览器检查它并复制 id 选择器并执行以下代码：

document.getElementById("#entry-div > section:nth-child(6) > div.vc_row.wpb_row.vc_row-fluid.text-align-center-ms.ltx-sr.ltx-sr-effect-fade_in.ltx-sr-id-492454531.ltx-sr-el-list_el.ltx-sr-delay-200.ltx-sr-duration-300.ltx-sr-sequences-100 > div.wpb_animate_when_almost_visible.wpb_slideInLeft.slideInLeft.wpb_column.vc_column_container.vc_col-sm-6.vc_col-lg-3.vc_col-md-6.text-align-center-ms").classList.remove("wpb_animate_when_almost_visible");

但是这不起作用，任何人都可以告诉我如何修复它或如何从所有元素中删除这个类，在此先感谢

标签： javascript

解决方案

您需要querySelectorAll基于 css 样式选择器模式进行选择。此外，您不需要这么长的选择器，只需放置类名或父 div 就足够了。然后根据querySelectorAll返回的列表，您需要遍历每个元素并删除该类。

document.querySelectorAll("#entry-div > section:nth-child(6) > .wpb_animate_when_almost_visible")
.forEach(el => el.classList.remove("wpb_animate_when_almost_visible");

推荐阅读