개체가 IE에서 NodeList의 인스턴스인지 확인하는 방법은 무엇입니까?

Question

IE6/7에서 NodeList가 정의되지 않은 이유는 무엇입니까?

<form action="/" method="post" id="testform"> 
    <input type="checkbox" name="foobar[]" value="1" id="" /> 
    <input type="checkbox" name="foobar[]" value="2" id="" /> 
    <input type="checkbox" name="foobar[]" value="3" id="" />  
</form> 

<script type="text/javascript" charset="utf-8"> 
(function() { 
    var el = document.getElementById('testform')['foobar[]'] 
    if (el instanceof NodeList) { 
     alert("I'm a NodeList"); 
    } 
})(); 
</script> 

이것은 FF3/Safari 3.1에서는 작동하지만 IE6/7에서는 작동하지 않습니다. 누구든지 모든 브라우저에서 el이 NodeList의 인스턴스인지 확인하는 방법에 대한 아이디어가 있습니까?

Answer 1

나는 항상 특정 유형으로 평가되는 것을 사용합니다. 그런 다음 유효한 객체인지 여부를 확인하기 위해 참/거짓 유형 검사를 수행합니다. 귀하의 경우 지금처럼 선택 항목에 대한 참조를 얻은 다음 getOptions() 메서드를 사용하여 옵션을 나타내는 HTMLCollection을 가져옵니다. 이 객체 유형은 NodeList와 매우 유사하므로 아무런 문제없이 작업해야합니다.

Answer 2

"Duck Typing는"항상 작동합니다 :

... 

if (typeof el.length == 'number' 
    && typeof el.item == 'function' 
    && typeof el.nextNode == 'function' 
    && typeof el.reset == 'function') 
{ 
    alert("I'm a NodeList"); 
} 

Answer 3

jQuery를으로 :

if (1 < $(el).length) { 
    alert("I'm a NodeList"); 
} 

Answer 4

아담 프랑코의 대답 거의 작품. 유감스럽게도 typeof el.item은 다른 버전의 IE (7 : string, 8 : object, 9 : function)에서 서로 다른 결과를 반환합니다. 그래서 코드를 사용하고 있지만 라인을 으로 변경하고 ==을 ===으로 변경했습니다.

if (typeof el.length === 'number' 
    && typeof el.item !== 'undefined' 
    && typeof el.nextNode === 'function' 
    && typeof el.reset === 'function') 
{ 
    alert("I'm a NodeList"); 
}