setAttribute나 JQuery를 이용해 .css() 함수를 이용해서 바꿔도 되는데...

지금 만드는 페이지(블로그)가 한페이지에서 Ajax으로 요청해섯 다 처리하는 페이지임...

근데 사용자가 블로그를 자기 마음대로 커스터마이징 가능...

페이지 리프레쉬안하고 바로바로 변경된 결과를 보여줘야함...


디자인 바꿀수있는 요소가 엄청 많아서 일일이 setAttibute로 즉시즉시 바꿔주는게 개노가다인거임...

그리고 IE 이런데서 이상하게 먹히기도하고...

게다가 한번 setAttribute 주면 기존 css는 그냥 싹다 무시하게 됨...


그래서 dom객체에서 stylesheet객체 불러와서 그 stylesheet 를 수정하는 방향으로 하고 있음...

 var styleSheetList = document.styleSheets;
 var changed = false;

  for(var i=0, style_len=styleSheetList.length ; i<style_len ; i++) {
     if(styleSheetList[i].title == "theme")
      styleSheet = styleSheetList[i];
 }

 var rule = styleSheet.cssRules?styleSheet.cssRules:styleSheet.rules;

ajax으로 변경정보 DB로 저장후 for문 돌려서 해당 객체 수정 및 삭제...


이런식으로 일단 구현은 다 했는데 정상적으로 작동 합니다...

근데 이렇게 하는게 맞는 방법인지 모르겠습니다...

정답이 있다면 방법좀 알려주세요...