클릭하면 전체 페이지/웹 사이트의 CSS를 변경하는 방법은 무엇입니까?

한 페이지에 3-4 개의 CSS를 넣을 수 있습니까? 그렇다면 어떤 경우에도 클릭하면 전체 웹 페이지의 CSS를 변경하십시오. 이렇게하면 사용자가 테마를 변경할 수 있습니다. 나는 우리가 요소의 CSS를 변경할 수 있습니다 알고클릭하면 전체 페이지/웹 사이트의 CSS를 변경하는 방법은 무엇입니까?

$("#myElementID").removeClass("class1").addClass("class2");

출처

2010-03-14 Rakesh Juyal

예, 가능합니다. 일반적으로 문서의 <head>에서 스타일 시트를 변경하거나 추가하거나 제거하는 JavaScript 함수를 작성해야합니다. 좀 더 나은 환경을 만들기 위해 일반적으로 사용자의 선호도를 쿠키에 저장합니다. article on A List Apart that show how to implement this이 있습니다.

물론 you can do this with jQuery ... jStyler의 출처를 확인해 볼 수 있습니다.

출처

2010-03-14 16:58:10

를 사용하여 의미,이 @client면하고 싶은 일 –

jQuery를위한 jStyler의 plguin를 참조하십시오 , 소스는 꽤 짧고 이해하기 쉽습니다. –

The CSS Zen Garden 가장 쉬운 방법은 페이지를 새로 고침하고 새로운 CSS의 서버 측을 설정하는 단지 것을 결정 결국 (다섯 번째 질문 참조).

출처

2010-03-14 16:55:05 Turtle

하지만 난이 유망한 :) 보인다 jQuery를 또는 자바 스크립트 –

CSS는이 링크를 찾아 추가/코드를 다음

을 제거 할 수 있도록, '링크'태그를 통해 DOM에 emdeded되어 내가 $ 얻을 MS AJAX는 방법을 참조 사용하고 (제거하고 새로운 하나를 추가하는 방법을 보여줍니다 하지만 순수 DOM 또는 다른 방언)로 교체 할 수 있습니다 : 보통 외부 스타일 시트를로드하는 것이 가장

var head = document.getElementsByTagName('head')[0]; 

    var oldLink = $get("nameOfLink", head); 
    if(oldLink!=null) 
     head.removeChild(oldLink); //remove old entry 
    var s = document.createElement('link'); 
    s.id="nameOfLink"; 
    s.type = 'text/css'; 
    s.rel="stylesheet"; 
    s.charset ='utf-8'; 
    s.href = "http://your-provided-url"; 
    head.appendChild(s);

출처

2010-03-14 16:58:31 Dewfy

'link rel = "stylesheet"를 제거하고 추가하는 것은 이렇게 할 것입니까? 잘 모르겠지만 시도 해봐야 할 것입니다. –

@Rakesh Juyal 타입/ID/charset의 중복성을 의미합니까? 그렇다면 charset은 실제로 중복되지만 형식은 일부 브라우저에서 강력하게 권장됩니다 (종류가 잘못되었을 수도 있지만 IE에서 필요합니다). 마침내 'ID'는 스크립트 로직에 필요합니다. – Dewfy

(A < 링크 >) 추가 : http://snipplr.com/view/3873/failsafe-load-for-attaching-stylesheet/

을하지만 당신의 무리를 작성해야하는 경우 비행 중 스타일, 당신은 또한 구축하고 DOM에 < 스타일을 > 노드를 추가 할 수 있습니다 : http://jonraasch.com/blog/javascript-style-node

출처

2010-03-14 20:06:51

클릭하면 전체 페이지/웹 사이트의 CSS를 변경하는 방법은 무엇입니까?

답변

관련 문제