English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
querySelector()Restituisce il primo elemento del documento che corrisponde al selettore o al gruppo di selettori specificato.
Se non si trova alcuna corrispondenza, viene restituito null.
Il metodo querySelector() restituisce solo l'elemento che corrisponde al selettore specificato. Per ottenere tutti i corrispondenti, utilizzarequerySelectorAll()Metodo.
document.querySelector(selectors)
document.querySelector('h1');Prova a vedere‹/›I numeri nella tabella specificano la versione del browser che supporta il metodo querySelector() per la prima volta:
| Metodo | |||||
| querySelector() | 1 | 3.5 | 10 | 3.2 | 8 |
| Parametro | Descrizione |
|---|---|
| selectors | Una stringa che contiene uno o più selettori da abbinare. Questa stringa deve essere validaSelettore CSSStringa |
| Valore di ritorno: | Rappresenta il documento che corrisponde aSelettore CSSL'oggetto Elemento del primo elemento corrispondente alla raccolta, se non esiste una corrispondenza, restituisce null. |
|---|---|
| Eccezioni: | SyntaxError-La sintassi della stringa selettore specificata non è valida |
| Versione DOM: | Livello DOM 1 |
Ottieni il primo elemento con id="para":
document.querySelector('#para');Prova a vedere‹/›Ottieni il primo elemento con class="demo":
document.querySelector(".demo");Prova a vedere‹/›Ottieni il primo elemento <p> del padre <div>:
document.querySelector("div > p");Prova a vedere‹/›CSS: guidaSelettore CSS
CSS: riferimentoCSS#idSelettore
CSS: riferimentoCSS .classSelettore
DOM Document querySelectorAll()Metodi
DOM Document getElementsByClassName()Metodi
DOM Document getElementsByTagName()Metodi