CSS
CSS 객체 모델 (CSSOM)

비고

소개

브라우저는 스타일 시트에서 토큰을 식별하고이를 트리 구조로 링크 된 노드로가립니다. 페이지의 연관된 스타일을 가진 모든 노드의 전체 맵은 CSS Object Model입니다.

웹 페이지를 표시하려면 웹 브라우저에서 다음 단계를 수행하십시오.

1. 웹 브라우저는 HTML을 검사하고 DOM (Document Object Model)을 작성합니다.
2. 웹 브라우저는 CSS를 검사하고 CSSOM (CSS Object Model)을 빌드합니다.
3. 웹 브라우저는 DOM과 CSSOM을 결합하여 렌더링 트리를 만듭니다. 웹 브라우저에 웹 페이지가 표시됩니다.

CSSOM을 통해 배경 이미지 규칙 추가하기

CSSOM을 통해 배경 이미지 규칙을 추가하려면 먼저 첫 번째 스타일 시트의 규칙에 대한 참조를 얻으십시오.

var stylesheet = document.styleSheets[0].cssRules;

그런 다음 스타일 시트의 끝 부분에 대한 참조를 얻으십시오.

var end = stylesheet.length - 1;

마지막으로 스타일 시트의 끝에 body 요소에 대한 배경 이미지 규칙을 삽입하십시오.

stylesheet.insertRule("body { background-image: url('http://cdn.sstatic.net/Sites/stackoverflow/img/favicon.ico'); }", end);