KoXo 자바스크립트 - 컬렉션(collection) - ***

문서의 link나 style 개체로 연결된 모든 styleSheet 개체들의 컬렉션을 참조한다.

인수

: (개체): 필수적인 요소이고 컬렉션을 포함하는 모체 개체이다.
cVal : (컬렉션): 선택적인 요소이고 값은 컬렉션을 나타내는 개체이다. styleSheet 개체들로 구성된다.
oVal : (개체): 선택적인 요소이고 값은 컬렉션의 한개의 엘레멘트 개체이다.
index : (정수/문자열): 필수적인 요소이고 값은 컬렉션의 인수나 문자열로 한개의 엘레멘트 개체나 다른 컬렉션을 참조할수 있고 배열변수의 규칙에따라 0부터 시작하고 제일 마지막 인수는 길이보다 1 작다. 같은 name이나 id 속성을 가진 개체들이 있는 경우에는 컬렉션을 반환한다.
subIndex : (문자열): 선택적인 요소이고 값은 컬렉션의 반환받고저 하는 개체의 위치를 지정하며 name이나 id 속성값을 지정하는 문자열이다. 일치하는 개체나 컬렉션을 반환한다.

특기

스타일명령(rule) @import로 도입된 styleSheet와 style 개체 속에 있는 것들은 imports 컬렉션에 포함된다.

적용

개체	script	HTML	규격	IE

설명을 위한 예제

styleSheet 개체 IE
⇒ 문서의 컬렉션중 한개의 styleSheet를 참조한다.

문법: [oVal=]

코드: for (i=0;i< oObj.length;i++){ document.write(oObj(i).id+' | '+oObj(i).cssText.length+', ');}
결과:

length 속성 IE
⇒ 컬렉션의 길이를 반환하거나 지정한다.

문법: [iVal=].length

코드: document.write(oObj.length); 결과:

item 메서드 IE
⇒ 인덱스로 컬렉션의 한개의 개체를 반환한다.

문법: [oVal=].item(iVal)

코드: document.write(oObj.item(1).rules.length 결과:
코드: document.write(oObj.item(2).cssText)
결과:

namedItem 메서드 IE6
⇒ 이름(name)이나 인식자(id) 문자열에 해당하는 컬렉션에서 한개의 개체나 하부 컬렉션을 반환한다.

문법: [oVal=].namedItem(sVal)

코드: document.write(oObj.namedItem('css3Obj')) 결과:

urns 메서드 IE
⇒ behavior가 첨부된 모든 개체의 컬렉션을 반환한다.

문법: [oVal=].urns(sVal)

코드: document.write(oObj.urns('../public/hilite.htc')) 결과:

컬렉션 예제

결과 표시창

<DIV id=showA>결과 표시창</DIV>
<DIV id=showB class=code style=margin:20;padding:3></DIV>
<SCRIPT>
str='document.styleSheets.length='+document.styleSheets.length+'<BR>';
for (i=0; i< document.styleSheets.length;i++){
  str+='document.styleSheets('+i+').href=<FONT color=blue>'+document.styleSheets(i).href+'</FONT><BR>';
}
showA.innerHTML=str;

str='document.styleSheets[1].title=<FONT color=blue>'+document.styleSheets[1].title+'</FONT><BR>';
str+='document.styleSheets[1].cssText=<BR><FONT color=blue>'+document.styleSheets[1].cssText+'</FONT><BR>';
str+='document.styleSheets[2].cssText=<BR><FONT color=blue>'+document.styleSheets[2].cssText+'</FONT>';
showB.innerHTML=str;