Necesito eliminar una sección del encabezado con DOM para una prueba A/B. Necesito hacerlo solo en dos páginas, pero el problema es que tengo las mismas clases en todas las páginas con el encabezado y no quiero eliminarlo de todas las páginas.
La estructura html es así:
<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">Necesito eliminar "indicador de progreso"
Intenté agregar este código
const new1 = document.querySelector(".main-page-container"); if (new1.classList.contains('about-page')) { document.querySelector(".progress-indicator").remove(); }Y éste
const removeheader = querySelector(".container.about-page"); if (removeheader.length > 1) { document.querySelector(".progress-indicator").remove(); }Fue la idea que tuve, porque dentro tengo un div con una clase diferente en cada página, pero no me dio resultados, no se si es posible modificarlo así
Lo resolví con este código:
const removeheader1 = document.querySelector(".container.about-page"); if (removeheader1.classList.contains('about-page')) { document.querySelector(".progress-indicator").remove(); }Parece que el problema estaba en la forma en que agregué las clases.