javascript - obtener - js nodelist

¿Cómo verificar si un objeto es una instancia de NodeList en IE?

Question

¿Por qué NodeList está indefinido en IE6 / 7?

<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>

Esto funciona en FF3 / Safari 3.1 pero no funciona en IE6 / 7. ¿Alguien tiene alguna idea de cómo verificar si el el es una instancia de NodeList en todos los navegadores?

Answer 1

" Duck Typing " siempre debería funcionar:

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

Answer 2

Solo usaría algo que siempre evalúa a cierto tipo. Luego, simplemente haz una verificación de tipo verdadero / falso para ver si tienes un objeto válido. En su caso, obtendría una referencia al elemento seleccionado como lo está ahora, y luego usaré su método getOptions () para obtener una HTMLCollection que represente las opciones. Este tipo de objeto es muy similar a NodeList, por lo que no debería tener problemas para trabajar con él.

Answer 3

Con jQuery :

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

Answer 4

La respuesta de Adam Franco casi funciona. Desafortunadamente, typeof el.item devuelve cosas diferentes en diferentes versiones de IE (7: cadena, 8: objeto, 9: función). Así que estoy usando su código, pero cambié la línea a typeof el.item !== "undefined" y cambié == a === largo.

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