Cual seria la diferencia de usar un querySelector a un getElementById?

Pregunta de la clase:
El primer plugin
Jesus M Cocaño Diaz

Jesus M Cocaño Diaz

Pregunta
studenthace 5 años

Cual seria la diferencia de usar un querySelector a un getElementById?

4 respuestas
para escribir tu comentario
    Cesar Adolfo Mayo Marinetti

    Cesar Adolfo Mayo Marinetti

    studenthace 5 años

    El querySelector lleva como parámetro un SELECTOR de css.

    Por ejemplo:

    querySelector(".algunaElementoPorSuClase"); querySelector("algunElementoSuTagHTML"); querySelector("#algunElementoPorSuId");

    sabiendo esto, es igual hacer:

    querySelector("#casa");
    a
    queryElementById("casa");

    para buscar un elemento en el Dom con id="casa"

    Roso Peñaranda

    Roso Peñaranda

    studenthace 5 años

    Basicamente que querySelector elige el primer elemento HTML del dom del tipo que le pases por ejemplo div, a, p, en cambi getElementById te trae el elemento que tenga asigando el id que le pases a la función

    Lucas Minardi

    Lucas Minardi

    studenthace 5 años

    querySelector te permite selecionar elementos del DOM mediante a queries, es decir, si usas . seleccionas por clase, si usas # por id, si usas [] por nombre de atributos, y así sucesivamente, puedes buscar los diferentes selectores disponibles pero es el equivalente al $ de jQuery.

    Debajo dejo algunos ejemplos:

    // Get element by id using querySelector document.querySelector('#myId');
    // Get element by class name document.querySelector('.myclass.another-one');

    // Get element by attribute and value equivalent to 12 document.querySelector('input[value=12]');

    Tomas Goldenberg

    Tomas Goldenberg

    studenthace 5 años

    el query selector elije un elemento html

    el getElementBYId unicamente elije segun su id

Curso Profesional de JavaScript

Curso Profesional de JavaScript

Mejora tus habilidades en Javascript. Conoce Typescript y cómo puedes ocuparlo para mejorar el control de tus variables. Comprende conceptos avanzados que te permitan plantear mejores soluciones en tu código. Conoce las APIs del DOM y descubre cómo puedes organizar mejor tu código utilizando patrones de diseño.

Curso Profesional de JavaScript

Curso Profesional de JavaScript

Mejora tus habilidades en Javascript. Conoce Typescript y cómo puedes ocuparlo para mejorar el control de tus variables. Comprende conceptos avanzados que te permitan plantear mejores soluciones en tu código. Conoce las APIs del DOM y descubre cómo puedes organizar mejor tu código utilizando patrones de diseño.