freeCodeCamp/guide/spanish/javascript/html-dom-queryselector/index.md

title	localeTitle
HTML DOM querySelector()	HTML DOM querySelector ()

El método de documento querySelector() devuelve el first elemento dentro del documento que coincide con el selector o grupo de selectores especificado. Si no se encuentran coincidencias, se devuelve nulo.

Contenido HTML:

<div id="id-example"></div> 
 <div class="class-example"></div> 
 <a>element-example</a> 

Contenido de JavaScript:

document.querySelector("#id-example"); // Returns the element with id "id-example" 
 document.querySelector(".class-example"); // Returns the element with class "class-example" 
 document.querySelector("a"); // Returns the "a" element 

Tenga en cuenta que querySelector() devuelve el primer elemento coincidente, para devolver todas las coincidencias, use el método querySelectorAll () en su lugar.

<div id="example">First</div> 
 <div id="example">Second</div> 

document.querySelector("#example"); // Returns only the element containing 'First' 

Más información:

MDN - document.querySelector ()