使用dom从特定页面中删除标头div

Question

为了进行A/B测试，我需要删除一个带有DOM的标头部分。我只需要在两页中完成，但问题是，在所有带有标题的页面中都有相同的类，而且我不想从所有页面中删除它。

html结构如下所示：

<nav class="navbar navbar-dark fiex-top">
<div class="header-logo">
<div class="progress-indicator">
</nav>
<section class="main-page-container">
<div class="container about-page">

我需要删除“进度指标”

我试着添加这段代码

 const new1 = document.querySelector(".main-page-container");
    if (new1.classList.contains('about-page')) {
      document.querySelector(".progress-indicator").remove();
    } 

而这个

   const removeheader = querySelector(".container.about-page");
if (removeheader.length > 1) {
document.querySelector(".progress-indicator").remove();
}

这是我的想法，因为我在每个页面中都有一个有不同类的div，但是它没有给我结果，我不知道是否可以这样修改它

Answer 1

我用下面的代码解决了这个问题：

 const removeheader1 = document.querySelector(".container.about-page");
        if (removeheader1.classList.contains('about-page')) {
          document.querySelector(".progress-indicator").remove();
        }

看来问题出在我增加类的方式上。