动态更改头部中的链接属性

Question

我想在按钮点击时动态更改 href of link 属性。

例如：此 dashboard.css 已激活

现在我必须在按钮点击时更改 profile.css 。

问题：

1. 我如何才能完成这项任务。
重新加载页面后，
2. profile.css不应该消失。

Answer 1

用于<link>元素：

var link = document.getElementsByTagName("link")[0];
console.log(link.href);
link.href = "123.css"; // or something else
console.log(link.href);

用于<a>元素：

var a = document.getElementsByTagName("a")[0];
console.log(a.href);
a.href = "http://www.google.com"; // or something else
console.log(a.href);

Answer 2

<a href="abc">example</a>
<button>click me</button>

$("button").click(function(){
  $("a").attr("href", "http://www.google.com/");
}); 

fiddle Demo

Answer 3

试试这个

$(document).ready(function(){
  $("button").click(function(){
    $("link").attr("href","your css file name or path of css");
  });
});

Answer 4

更改整个页面的CSS可以通过javascript完成，之后您可以将设置存储在Cookie中。这里有一个full article，解释了如何实现它。