1. 홈
  2. 질의 응답
  3. JS와 헤더에 CSS 넣기

JS와 헤더에 CSS 넣기

2011-12-08 2 views
4

현재 페이지의 헤더에 Javascript 또는 JQuery와 함께 CSS (헤더 블록)를 넣어야합니다. CSS를 텍스트 형식으로, 다음과 같이 (이 서버에서 제공) :JS와 헤더에 CSS 넣기

<meta name="author" content="" /> 
<link rel="stylesheet" type="text/css" href="css/global.css" /> 
<style type="text/css"> 
    label { font-family: Verdana, sans-serif; font-size: 12px; display: block; } 
    input { padding: 3px 5px; width: 250px; margin: 0 0 10px; } 
    input[type="file"] { padding-left: 0; } 
    input[type="submit"] { width: auto; } 
</style> 
</head>

그것을인가 :

label { font-family: Verdana, sans-serif; font-size: 12px; display: block; } 
input { padding: 3px 5px; width: 250px; margin: 0 0 10px; } 
input[type="file"] { padding-left: 0; } 
input[type="submit"] { width: auto; }

내가 같이 자바 스크립트, 헤더 블록이 CSS를 데려 가고 싶다는 가능한?

감사합니다. jQuery를 사용

출처

2011-12-08 benske

답변

3

을 할 수 있어야합니다, 당신이 뭔가를 할 수 있습니다 :

$('<style type="text/css"> ' + myCSS + '</style>').appendTo('head');

출처

2011-12-08 16:35:15 RoccoC5

1

, 당신이 jQuery를 사용하여 append

$('head').append(' //stick the whole thing here ');

출처

2011-12-08 16:34:54

0

예는 가능하다,이 자습서를 체크 아웃 : 당신이 본문에 스크립트를 실행 할 필요가없는 경우가, 는 다음과 같이 수행 Add CSS to <head> with JavaScript?

function addcss(css){ 
    var head = document.getElementsByTagName('head')[0]; 
    var styleElement = document.createElement('style'); 
    styleElement.setAttribute('type', 'text/css'); 
    if (styleElement.styleSheet) { // IE 
     styleElement.styleSheet.cssText = css; 
    } else {    // the world 
     styleElement.appendChild(document.createTextNode(css)); 
    } 
    head.appendChild(styleElement); 
}

출처

2011-12-08 16:35:38 alessioalex

-1

이 함께 시도해보십시오 :

<script type="text/javascript"> 
var css = document.createElement('style'); 
css.type = 'text/css'; 

var styles = 'your_server_response_css_rules'; 

if (css.styleSheet) 
    css.styleSheet.cssText = styles; 
else 
    css.appendChild(document.createTextNode(styles)); 

document.getElementsByTagName("head")[0].appendChild(css); 
</script>
여기에 비슷한 질문입니다

출처

2011-12-08 16:37:53 pna

관련 문제

 관련 문제