Question

我试图仅在HomePage上隐藏此类“mediad rh-flex-right-align”。该课程必须出现在每个其他页面上。

我尝试使用Javascript来实现这一点，但它没有工作，所以我可能在这些方面犯了错误：

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

欢迎任何建议隐藏主页上的CSS课程

Answer 1

<div class="navigation"> <a href="#home">Home</a> <div class="dropdown"> <button class="dropbtn">Types <i class="fa fa-caret-down"></i> </button> <div class="dropdown-content"> <a href="#">Regular</a> <a href="#">Cafe latte</a> <a href="#">Espresso</a> <a href="#">Cappuccino</a> </div> </div> <a href="#magazin">Shop</a> <a href="#despre">About</a> </div>中没有url属性，但有一个document。

因此，您可以使用URL或document.URL。

我过去曾遇到window.location.href的问题，所以更喜欢第二个问题。

编辑：请注意，如果您的网址包含哈希值，则此解决方案将无效（例如：document.URL）。如果您网站的名称发生变化，它也将无效。如果您想检查自己是否在主页上，可以使用：

comparer-acheter.fr/#hash

您将了解if(window.location.pathname == '/') { // you are on the homepage }如何处理此帖子的更多信息：javascript window location href without hash?

仅在主页上隐藏CSS类

1 个答案: