자바 스크립트를 사용하여 CSS 규칙을로드하는 방법은 무엇입니까?

-1

현재 Vert.x로 작업 중입니다. 필요한 js 파일을 쉽게로드 할 수 있지만 CSS의 경우에는 아무것도로드되지 않습니다. 그래서 내 마지막 수단은이 CSS 규칙 (슈퍼 최후의 수단은 HTML 파일 내부에 CSS를 작성하는 것입니다)을 설정하는 js를 작성하는 것입니다.자바 스크립트를 사용하여 CSS 규칙을로드하는 방법은 무엇입니까?

이렇게하는 좋은 방법이 있습니까? 다음, 파일에 그 저장

function loadIndexCss() 
{ 
    document.getElementById("p2").style.color="blue"; 
    document.getElementById("p2").style.fontFamily="Arial"; 
    document.getElementById("p2").style.fontSize="larger"; 
}

: 내가 좋아하는 뭔가를 생각

<script type="text/javascript" src="../css/css.js"></script> 

<body onload="loadIndexCss()"> 
    <form id='frm_login'> 
     <fieldset > 
      <legend>Admin Login</legend> 
      <label for='u' >Username: </label> 
      <input type='text' name='username' id='u' maxlength="25" class="blocky"/> 
      <label for='p' >Password: </label> 
      <input type='password' name='password' id='p' maxlength="25" class="blocky"/> 
      <br/> 
      <input type='button' name='Login' value='Login' id="btn_login" /> 
     </fieldset> 
    </form> 
</body>

그조차 작동합니까? 이것이 바보라면 가르쳐주세요.

출처

2013-01-30 iCodeLikeImDrunk

_but :

<style id="sty"></style>

다음은 CSS를 추가합니다. 그래서 내 마지막 수단은 몇 가지 js_를 작성하는 것입니다 - 대신에 CSS를 고치는 것은 어떨까요?! – Andreas

@Andreas 당신은 CSS를 고치는 것이 무엇을 의미합니까? 문법은 정확하고, 심지어 많지는 않습니다.이 모든 것이 ".blocky {display : block}"이고 아마도이 라이너 중 5-6 개일 것입니다. 나는 트위터에 의해 부트 스트랩을 사용하고 싶었지만 vertx는 어떤 이유로 CSS에 좋지 않습니다. – iCodeLikeImDrunk

@ yaojiang : 그는 의미합니다 : CSS를 사용하지 않는 이유를 찾아서 수정하십시오. Tim은 [Vert.x 그룹] (https://groups.google.com/forum/?fromgroups#!forum/vertx)에서 꽤 반응했습니다. 그것은 간단한 일이 될 것입니다. –

예, 작동합니다. 또한라는 이름의 스타일 태그를 생성, 그것을 더러운 방법을 수행 할 수 있습니다 : 그것은 CSS에 관해서 적, 아무것도로드

document.getElementById("sty").innerHTML = "a {color: blue}";

출처

2013-01-30 22:48:21

그게 재미 있어요. 내가 지금 막 가지고있는 것이 시험되고, 아마도 작동 할 것이고, 아마 더 깨끗한 방법 일 것입니다. – iCodeLikeImDrunk

글쎄, 그것은 얼마나 똑똑한 브라우저가 오늘인지, 흥미 롭습니다. 그러나 더 깔끔한 방법을 원한다면 CSS 파일이로드되지 않는 이유를 찾아야합니다. –

@ yaojiang : * "어쩌면 더 깨끗한 방법"* "어쩌면"그것에 대해서는 없습니다. –

자바 스크립트를 사용하여 CSS 규칙을로드하는 방법은 무엇입니까?

답변

관련 문제