페이지 354쪽에서 DOM객체는 style프로퍼티를 통해 HTML에 적용된 CSS3스타일 시트를 접근할 수 있다. 스타일 시트역시 객체로 구성되어 있다.라고 나와있는데,
페이지 359쪽을 보면 style프로퍼티로 style객체를 접근하여 CSS3스타일 시트를 변경한다고 나와있습니다.
그렇다면 스타일 시트가 객체로 구성되어 있는데 그 객체가 바로 style객체인것인가요?
페이지 354쪽에서 DOM객체는 style프로퍼티를 통해 HTML에 적용된 CSS3스타일 시트를 접근할 수 있다. 스타일 시트역시 객체로 구성되어 있다.라고 나와있는데,
페이지 359쪽을 보면 style프로퍼티로 style객체를 접근하여 CSS3스타일 시트를 변경한다고 나와있습니다.
그렇다면 스타일 시트가 객체로 구성되어 있는데 그 객체가 바로 style객체인것인가요?
번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|
공지 | 읽어주세요! 연습문제 및 실습문제 정답 공개에 관한 공지입니다. | 관리자 | 2017.06.20 | 18278 |
43 | html5 태그 검사 2 | 열공이 | 2022.03.10 | 94 |
42 | 4장 171쪽 2 | chu | 2022.04.04 | 57 |
41 | 이미지파일 6 | 스물다섯 | 2022.04.08 | 111 |
40 | 5장 실습문제 10번 1 | 쿠웨이트 | 2022.04.12 | 109 |
39 | 5장 실습문제 8번 2 | 쿠웨이트 | 2022.04.12 | 122 |
38 | 교제 254페이지 1 | 쿠웨이트 | 2022.04.12 | 84 |
37 | 5장 오픈챌린지 관련 | 시급함 | 2022.04.16 | 204 |
36 | 9장 실습문제3번 2 | 열공이 | 2022.05.17 | 194 |
35 | length 프로퍼티 2 | 열공이 | 2022.05.21 | 59 |
34 | timerID값이 null인 이유 1 | 열공이 | 2022.05.26 | 602 |
33 | 예제 8-9(373p) 1 | 열공이 | 2022.05.29 | 87 |
32 | 9장 6번 실습문제 2 | 궁금해요 | 2022.07.24 | 134 |
31 | css3의 프로퍼티와 7장 객체의 프로퍼티 1 | 한성이 | 2022.08.07 | 38 |
» | 스타일 시트 객체 2 | 한성이 | 2022.08.09 | 32 |
29 | target프로퍼티 질문(페이지 428쪽) 2 | 한성이 | 2022.08.14 | 47 |
28 | [개정판] p.357 sibling 에 대한 설명 및 그림 8-7 1 | 질문 | 2022.09.02 | 59 |
27 | 4장 9번 이론문제 2 | 궁금해요 | 2022.09.07 | 121 |
26 | 연습문제 3장 2번 질문합니다! 1 | KHE | 2022.09.08 | 152 |
25 | 6장 9-2번 이론문제(개정판) 1 | 궁금해요 | 2022.09.10 | 159 |
24 | webgl 2차원. 1 | 궁금해요 | 2022.10.10 | 134 |
HTML 태그마다 스타일이 주어지기 때문에, DOM 객체마다 스타일이 있고 스타일은에는 여러 프로프티로 이루어지므로 객체로 형성됩니다.
어떤 언어에서든, 객체를 액세스하기 위해서는 객체의 이름이나 객체에 대한 포인터(주소)를 알아야 합니다.
그런데, 객체를 이름으로 액세스할 수 없는 경우들이 많습니다. DOM 객체에게 소유되어 있는 스타일 객체 역시 마찬가지입니다.
DOM 객체에 속한 스타일 객체를 액세스하기 위해 style이라는 프로퍼티가 있습니다. style 프로퍼티는 DOM에 속한 스타일 객체를 액세스하기 위한 주소값을 가집니다.
정확히는 레퍼런스라고 부릅니다.
예를 들어 다음 코드를 봅시다.
obj = document.getElementById("firstP');
obj.style.color = "red"
여기서 obj는 객체에 대한 레퍼런스입니다. firstP라는 ID를 가진 DOM 객체를 가리키는 주소(레퍼런스)이죠.
obj.style 이란 obj 레퍼런스가 가리키는 객체 속에 들어 있는 프로퍼티 style을 뜻합니다.
obj.style.color 란 obj 레퍼런스가 가리키는 객체 속에 들어 있는 style 레퍼런스가 가리키는 객체(이것이 바로 스타일 객체이죠)에 들어 있는 color 프로퍼티를 뜻합니다.
그림 8-6을 보면DOM 객체 p의 style 프로퍼티 변수의 박스에서 화살표가 스타일 시트 객체를 가리키고 있는 것을 볼 수 있습니다.
스타일 객체는 따로 있고 이 스타일 객체를 가리키는 레퍼런스(주소)를 가진 변수가 바로 style입니다.
두서가 없이 설명되었는지 모르겠군요.
이해가 안되면 다시 질문해 주세요.