¿Es seguro getElementByClass para usar en navegadores como getElementById?

Question

¿Es seguro getElementByClass para usar en navegadores como getElementById?

actualización Actualmente usando:

window.opener.document.getElementById 

Pero quiero hacer referencia al objeto por el nombre de clase (sólo habrá 1 elemento con ese nombre de clase).

Answer 1

IIRC, getElementsByClassName se introdujo en Firefox 3, Safari 3.1, y ha estado en Chrome desde el principio. No sé si/cuándo se agregó a Opera, pero no está presente en Internet Explorer en absoluto. (Aunque se puede agregar a IE8 extendiendo los prototipos de DOM, vea Grant's answer.)

En otras palabras, si desea un navegador cruzado getElementsByClassName, tendrá que rodar el suyo o utilizar un marco de trabajo.

Answer 2

Como han mencionado otros, getElementsByClassName no está disponible en Internet Explorer.

Consulte la sección Customizing the DOM de Document Object Model Prototypes, Part 1: Introduction para obtener información sobre cómo implementar la funcionalidad en IE.

Answer 3

Si realmente desea usarlo, puede probar para verificar si el objeto admite getElementsByClassname antes de usarlo y recurrir a una implementación JS de la función si el navegador no lo admite.

Answer 4

se recomienda usar una biblioteca envoltorio como prototype.js o jQuery, que tanto apoyan un modelo selector CSS, y manejar los problemas de compatibilidad del navegador (IE6-7 siendo los problemas más grandes por lo general)

Answer 5

getElementsByClassName Sentimos no fiable navegador cruzado Actualmente es compatible con las versiones más recientes de Firefox, Opera, Safari y Chrome, pero no con Internet Explorer o Konqueror, según el Quirksmode.

Si desea utilizarlo a través del navegador, tendrá que tener que proporcionar su propia aplicación para aquellos navegadores que no soportan, like in PPK's blog:

function getElementsByClassName(node,classname) { 
    if (node.getElementsByClassName) 
     return node.getElementsByClassName(classname); 
    else { 
     // your custom function 
    } 
}