Metoda HTML DOM querySelector ()
Przykłady
Uzyskaj pierwszy element id dokumentu = "demo" stanowi:
Spróbuj »
Definicja i Wykorzystanie
querySelector () zwraca element w dokumencie, które pasują do określonego selektora CSS.
Uwaga: Metoda querySelector () po prostu zwraca pierwszy element, który pasuje do określonego wyboru. Jeśli trzeba zwrócić wszystkie elementy, należy użyć metody querySelectorAll () zamiast.
Więcej selektorów CSS, odwiedź nasze selektorów CSS i nasze selektorów CSS Reference Manual .
Pomoc Browser
Wartości podane w tabeli przedstawiają pierwszą przeglądarką obsługującą numer wersji metody.
| sposób | |||||
|---|---|---|---|---|---|
| querySelector () | 4,0 | 8,0 | 3,5 | 3,1 | 10,0 |
gramatyka
parametr Wartość
| parametry | typ | opis |
|---|---|---|
| selektory CSS | sznur | Koniecznością. Określ jeden lub więcej pasujących elementów w selektorów CSS. Można używać ich id, klasy, typy, atrybutów, wartości atrybutów, itd., aby wybrać elementy. Dla wielu selektorów oddzielonych przecinkami, aby powrócić pasujący element. Wskazówka: Aby uzyskać więcej selektorów CSS, proszę zobaczyć nasze selektorów CSS Reference Manual . |
dane techniczne
| Wersja DOM: | Poziom selektorów 1 Document Object |
|---|---|
| Zwraca: | Pierwszym elementem dopasowywania podano selektora CSS. Jeśli nie znaleziono, zwraca null. Jeżeli podasz nieprawidłowy wyjątek selektora SYNTAX_ERR jest wyrzucany. |
Więcej przykładów
Przykłady
Uzyskaj klasę document = "przykład" pierwszy element:
Spróbuj »
Przykłady
Uzyskaj klasę document = "przykład" pierwszy <p> element:
Spróbuj »
Przykłady
Pobierz dokument został "target" atrybut pierwsze elementy <a>:
Spróbuj »
Przykłady
Poniższy przykład pokazuje zastosowanie wielu przełączników.
Załóżmy wybrać dwa selektorów: <h2> i <h3> elementem.
Pierwsza <h2> w poniższym kodzie doda koloru tła dokumentu:
<H3> H3 Element </ h3>
document.querySelector ( "H2, H3") style.backgroundColor = "red" .;
Spróbuj »
Jednak jeśli dokument <h3> elementem jest <h2> Element wcześniej, <h3> Element zostanie ustawiony, aby określić kolor tła.
<H2> A h2 elementu </ h2>
document.querySelector ( "H2, H3") style.backgroundColor = "red" .;
Spróbuj »
Podobne strony
JavaScript Reference Manual: Element .querySelector ()