javascript - 激活后更改链接的目标

Question

不知道我在找什么，但我想知道是否有办法在链接激活时更改链接的名称以及它的目的地。一种切换。

下面是一个样机。

只会显示一个按钮。

Answer 1

根据 url，您可以更改链接文本和 href。

var a = document.getElementById('linkId');
if(location.href == abouturl){
 a.href = blogurl;
 a.innerHTML = 'BLOG'
}
else{
   a.href = abouturl;
   a.innerHTML= 'ABOUT';
}

Answer 2

使用 jQuery。

var linkObj = $("#linkId");
if(location.href == aboutUrl){
  linkObj.attr("href", blogurl).html("BLOG");
}
else{
  linkObj.attr("href", abouturl).html("ABOUT");
}

Answer 3

我设法用 CSS 解决了这个问题

.collection-506d943d84aead5098d63cc2 
#main-navigation 
.blog-collection {
  display:none;
}

.collection-506daf5a84aead5098d68b94 
#main-navigation 
.page-collection {
  display: none;
}