只在首页隐藏一个CSS class

Question

我试图仅在主页上从我的 header 中隐藏此 class "mediad rh-flex-right-align"。此 class 必须每隔一页出现一次。

我尝试 Javascript 实现此目的，但它不起作用，所以我可能在这些行中犯了错误：

if (document.url == "https://www.comparer-acheter.fr/")
{
document.getElementsByClassName("mediad rh-flex-right-align")
[0].style.display = 'none';
}

欢迎任何建议在主页上隐藏 CSS class

Answer 1

document 中没有 url 属性，但有一个 URL 属性。

因此您可以使用 document.URL 或 window.location.href。

我过去在使用 document.URL 时遇到过问题，所以更喜欢第二个。

编辑：请注意，如果您的 URL 包含散列（例如：comparer-acheter.fr/#hash），则此解决方案将不起作用。如果您的网站名称更改，它也将不起作用。如果你想检查你是否在主页上，你可以使用这个：

if(window.location.pathname == '/') {
    // you are on the homepage
}

您将获得有关 locations 如何处理此 post 的更多信息：javascript window location href without hash?

Hide a CSS class only on homepage