Obtener id de div de su nombre de clase

Question

¿Cómo puedo encontrar una identificación basada en su clase solo con javascript. Sé this is easy with jQuery cuál es la solución ... usando getElementsByTagName?

Answer 1

document.getElementsByClassName('myClassName')[0].id 

o

document.querySelector('.myClassName').id 

Answer 2

primer paso sería encontrar el elemento (s) con el nombre de la clase dada. Actualmente hay algunas funciones compatibles con los navegadores modernos, como las funciones getElementsByClassName y querySelector. pero no son soluciones de navegador cruzado.

Es decir, getElementsByClassName no es compatible con IE 6-8 y querySelector no es compatible con IE6-7 & FF3
fuente: http://www.quirksmode.org/dom/w3c_core.html

Por lo tanto, si usted no está apoyando a estos navegadores, puede utilizar los demás necesitaría una función wrapper js como la mencionada en http://blog.justswell.org/clientside-getelementsbyclassname-cross-browser-implementation/