JavaScript - Diferencias entre getElementById y querySelector

Hola, estoy probando capturar eventos con getElementById y con querySelector y con ambos funciona bien,
hay alguna diferencia o problema en utilizar uno u otro metodo?

Saludos

Saludos Nestor,

no hay problema alguno. La compatibilidad es casi total...


Etc...

Son muy utilizados y fundamentales en JavaScript. Si aprendemos a manejarlos, evitaremos tener que utilizar librerías de terceros.

Espero sea útil.

Hola Nestor, al diferencia esta en que getElementById() tienes que hacer referencia a un elemento que tenga un id unico.
Con querySelector() te devolvera el primer elemento que cumpla la condicion que especifiques... por ejemplo:

Espero que te sirva.

Claro joan pero los estoy usando asi:

document.querySelector("#ideelemento") -- Me devuelve el elemento que tenga este id

document.getElementById("ideelemento") -- Me devuelve el elemento que tenga este id

Ambos me funcionan bien, por eso consultaba si habia algun problema o cuestion en el uso de uno u otro

Pero ya me respondieron (ScripShow), y es lo mismo usarlo de una forma u otra

Gracias

Si, es correcto, ya que en este caso, estas haciendo referencia a un id al poner el # delante...

Hace poco entre en la programacion y si hay diferencia, a veces intento utilizar el metodo innerHTML y con "getElementById" no puedo usarlo, con "querySelector" si, ademas si metes lo que llamas a un console.log te los devuelve de distinta manera, intenten llamar una etiqueta y ponerlo en un console log, llamenlo de las dos forman y van a ver que hasta se muestra distinto.