헤드 섹션의 링크 속성을 동적으로 변경하십시오.

Question

버튼 클릭시 속성의 동적으로 href가 으로 변경하고 싶습니다.

예를 들어 :이 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를 바꿀 수 있습니다. 쿠키로 설정을 저장할 수 있습니다. 다음은 구현 방법을 설명하는 full article입니다.