스타일 적용시에는 styleSheet 오브젝트의 (document.styleSheets : Array) 메소드를 사용하는데,
- IE 에서는 addRule 을 사용
인자값을 3개(필수3개)로,
- 0번 argument에는 선택자('div', 'p' 등..)를 넣고,
- 1번 argument에는 스타일 명령("color:blue", "overflow:hidden" 등..)을 넣는다.
- 2번 argument에는 0부터 시작하는 pages 컬렉션(document.styleSheets[?].pages : Array)에서의 위치할 인수를 넣는다. (-1을 넣으면 제일 뒤에 위치하게 된다.)
반환값은 항상 -1이다. (주의: 오류가 없어도 -1을 반환)
- FF 에서는 insertRule 를 사용
인자값은 2개(필수2개)로,
- 0번 argument에는 스타일 명령을 선택자를 포함하여 넣는다. (예: "#myTable {-moz-user-select:none}")
- 1번 argument에는 0부터 시작하는 cssRules 컬렉션(document.styleSheets[?].cssRules : Array)에서의 위치할 인수를 넣는다. (주의: addRule과는 다르다, -1 인자값을 넣으면 에러가 난다.)
반환값은 cssRules 컬렉션에서의 위치한 위치값이다.
ps. 아즈키네 2번째 블로그 옛글중에 가져옴 (http://2.azki.org/182)
'javascript' 카테고리의 다른 글
Rhino 와 env.js 를 사용해서 자바 서버에서 javascript 를 구동해보자. (2) | 2010.03.22 |
---|---|
What is false in javascript? (0) | 2009.01.16 |
javascript 막코딩으로 flip 효과 시도 (뒤집는 효과) (0) | 2008.11.18 |
자바스크립트로 마우스 휠 (mousewheel) 움직임 체크. (0) | 2008.10.30 |
prototype의 constructor에 대한 질문. (왜 저장해뒀지?) (0) | 2008.07.18 |