Que diferencia hay entre el document.getElementById(‘btnEmpezar’) y el document.querySelector("#btnEmpezar")

Pregunta de la clase:
Comenzando el juego
Juan David Niño Rodriguez

Juan David Niño Rodriguez

Pregunta
studenthace 4 años

Que diferencia hay entre el document.getElementById(‘btnEmpezar’) y el document.querySelector("#btnEmpezar")

4 respuestas
para escribir tu comentario
    Anfernee Valera

    Anfernee Valera

    studenthace 4 años

    Muy buen aporte, bro

    Diego Iván Centeno

    Diego Iván Centeno

    studenthace 4 años

    En tu caso hacen lo mismo los dos selectores, pero tu puedes ver donde aplicarlos de maneras distintas de acuerdo a tus necesidades.


    document.getElementById()

    Trae solamente el id que tenga el valor indicado (en teoría trae el primero, pero como los id deben ser únicos pues solo debería haber un id).


    document.getElementsByClassName()

    Te da todos los elementos que contengan la clase indicada.


    document.getElementByTagName()

    Te da todos los elementos que tengan la etiqueta indicada.


    document.querySelector()

    Te da el primer elemento que coincida con el valor indicado.


    document.querySelectorAll()

    Te da todos los elementos que coinciden con el valor indicado.


    Espero que con esto te quedé un poco más claro para que sirve cada uno y te ayude:smiley:

    Juan David Niño Rodriguez

    Juan David Niño Rodriguez

    studenthace 4 años

    @centenosky osea que document.querySelector() me traería todo el div y document.getElementById() solo el id?

    Diego Iván Centeno

    Diego Iván Centeno

    studenthace 4 años

    Hola:wave: document.querySelector() Selecciona el primer elemento que coincide con el valor indicado, sea clase o id. Y document.getElementById() Selecciona el primer id que tenga como id el valor indicado. Espero que te sea de ayuda, saludos:v:

Fundamentos de JavaScript 2018

Fundamentos de JavaScript 2018

JavaScript es un lenguaje de programación que se trabaja desde el navegador. Construye programas, conoce el entorno, los condicionales y las estructuras repetitivas. Aprende cuáles son y cómo se declaran las variables y las funciones de JS.

Fundamentos de JavaScript 2018
Fundamentos de JavaScript 2018

Fundamentos de JavaScript 2018

JavaScript es un lenguaje de programación que se trabaja desde el navegador. Construye programas, conoce el entorno, los condicionales y las estructuras repetitivas. Aprende cuáles son y cómo se declaran las variables y las funciones de JS.