javascript - 使 CSS 类的所有元素充当链接

Question

我正在使用 Squarespace 制作一个双语网站。

导航栏中的公司 Logo 是通过 Squarespace 面板设置的。我设法通过将以下代码插入 header 来覆盖默认的英文 Logo :

<style> h1.logo { content: url("url_of_french_logo");} </style>

这可以将 Logo 从英文更改为法文，但是它会丢失返回主页的超链接(即它只是一张图片，不可点击)。

有没有办法让这个链接到法语主页？它是页面上该类 (h1.logo) 的唯一项。

PS - 我无权访问源代码。我所能做的就是将代码添加到页眉或页面上的某处(作为代码块)。

Answer 1

您可以根据您的 h1.logo 查询添加一个事件监听器，并使用函数

location.href = URL

URL 作为您想要的目的地 adn 应该如下所示“http://google.com”

希望这有帮助:)

var logo = document.querySelectorAll('h1.logo');
logo[0].addEventListener("click", function() {
  location.href = URL;
})

<h1 class="logo">Click me</h1>