문서의 styleSheets 컬렉션으로부터 item 메서드로 개별 항목을 반환받아 그 연결 주소들을 디스플레이한다.

<SCRIPT>
function showStyleSheets(){
  var oColl=document.styleSheets;
  str='document.styleSheets.length='+oColl.length+'<BR>';
  if (oColl!=null){
    for (i=0;i< oColl.length;i++) str+=i+'] oColl.item('+i+').href='+oColl.item(i).href+'<BR>';
  }
  showA.innerHTML=str;
}
</SCRIPT>
<BUTTON onclick="showStyleSheets()">스타일쉬트 컬렉션 보기</BUTTON>
<DIV id=showA>결과 표시창</DIV>

id가 "Test" 인 모든 개체의 컬렉션 중에서 item 메서드로 개별 항목을 반환받는다.

<SCRIPT>
function showTest(){
  var oColl=document.all.item('Test');
  str='document.document.all.item("Test").length='+oColl.length+'<BR>';
  if (oColl!=null){
    for (i=0;i< oColl.length;i++) str+='oColl.item('+i+').innerText='+oColl.item(i).innerText+'<BR>';
  }
  showB.innerHTML=str;
}
</SCRIPT>
<SPAN id="Test" style="border:solid 1 green">실험 스판 1</SPAN>
<SPAN id="Test" style="border:solid 1 green">실험 스판 2</SPAN>
<SPAN id="Test" style="border:solid 1 green">실험 스판 3</SPAN><BR>
<BUTTON onclick="showTest()">동일 ID 컬렉션 보기</BUTTON>
<DIV id=showB>결과 표시창</DIV>