¿Es eficiente getElementById()?

Question

A menudo uso el método getElementById("id1"); en mis métodos. Lo uso para encontrar ciertos elementos en mi HTML. Me pregunto si debo preocuparme por cuánto uso si tiene que buscar todo el DOM todo el tiempo.

¿Cómo funciona este método? ¿Analiza el DOM y devuelve el elemento cuando se encuentra, o tiene todos esos valores indexados de alguna manera y por lo tanto puede regresar más rápidamente?

P.S. Tengo curiosidad sobre el método en general, pero estoy usando Android WebView si eso hace la diferencia.

Answer 1

getElementById es muy rápido y no debe tener que preocuparse por el rendimiento.

Si está utilizando la misma ID una y otra vez (y una y otra vez) de nuevo, es posible que desee almacenarla en caché. La ganancia de rendimiento es despreciable:

var myId = getElementById("myId"); 
myId.operation1(); 
myId.operation2(); 
myId.andSome5000MoreCalls(); 

Comprobar this SO answer de algunos puntos de referencia. El resultado Mike publicado eran:

IE8 getElemenById: 0,4844 ms
IE8 gama Identificación de búsqueda: 0,0062 ms

Chrome GetElementByID: 0,0039 ms
Chrome matriz Identificación de búsqueda: 0,0006 ms

Firefox 3.5 era comparable a Chrome.

Answer 2

Los elementos con ID están indexados, seleccionar un elemento por su ID a través de la función DOM es la forma más eficiente de selección.

Answer 3

De hecho, getElementById es la forma más rápida de acceder a un elemento en el DOM. La indexación depende del navegador específico, pero aquí es un punto de referencia para ello:

http://jsperf.com/getelementbyid-vs-everyone-else