2011-02-16 11 views
40

console.log(video);Obtener ID de dom-elemento

ponga en mi consola de la siguiente línea:

<object type=​"application/​x-shockwave-flash" class=​"video" data=​"http:​/​/​www.youtube.com/​v/​vyFAF-J3jzM" width=​"308" height=​"100" id=​"video" style=​"visibility:​ visible;​ ">​…​</object> 

Así "video" sostiene el entero dom-objeto. ¿Cómo puedo consultar el ID de este objeto con JavaScript?

Algo así como var vidID = video.getId();

+0

m1nus uno para el uso de lenguaje no profesional – quemeful

Respuesta

30
var videoElement = document.getElementById('video'); 
var idOfElement = videoElement.getAttribute('id'); 
+24

No es necesario usar '.getAttribute()', de acuerdo con esta prueba, es 50% más lento que '.id' - http://jsperf.com/getattribute-vs- id – jondavidjohn

+4

-1 para la pobre respuesta! –

+4

La verdadera pregunta es más bien smth.id funciona en todos los navegadores. Claro que smth.getAttribute sí ... –

62

Es simplemente video.id ........

+1

Tenga cuidado, usar 'element.id' en un formulario también puede devolver su elemento hijo con el nombre' id', vea esto [jsfiddle] (http://jsfiddle.net/0tjrLx4u/) –

10

¿Qué tal ...

var vidID = video.id; 

...?