HTML DOM querySelector () Método
Exemplos
Obter o primeiro elemento do ID do documento = "demonstração" de:
tente »
Definição e Uso
querySelector () retorna um elemento no documento que coincidir com o seletor CSS especificado.
Nota: querySelector () método simplesmente retorna o primeiro elemento que coincide com o selector especificado. Se você precisa de retornar todos os elementos, use o método querySelectorAll () em vez.
Mais seletores CSS, visite o nosso seletores CSS tutorial e os nossos seletores CSS manual de referência .
Suporte a navegadores
Números na tabela representam o primeiro navegador a suportar o número da versão do método.
| caminho | |||||
|---|---|---|---|---|---|
| querySelector () | 4.0 | 8 | 3,5 | 3.1 | 10.0 |
gramática
parâmetro Valor
| parâmetros | tipo | descrição |
|---|---|---|
| seletores CSS | corda | Obrigação. Especifique um ou mais elementos de harmonização seletores CSS. Você pode usar sua identificação, classes, tipos, atributos, valores de atributos, etc. para selecionar elementos. Para vários seletores, separados por vírgulas, para retornar um elemento correspondente. Dica: Para mais seletores CSS, consulte nossos seletores CSS manual de referência . |
detalhes técnicos
| versão DOM: | Seletores Nível Objeto 1 Documento |
|---|---|
| retorna: | O primeiro elemento correspondente especificado seletor CSS. Se não for encontrado, retorna nulo. Se você especificar uma exceção selector SYNTAX_ERR inválido é acionada. |
mais exemplos
Exemplos
Obter o documento classe = "exemplo" o primeiro elemento:
tente »
Exemplos
Obter o documento classe = "exemplo" o primeiro elemento <p>:
tente »
Exemplos
Obter o documento foi "alvo" elementos de atributo primeiros <a>:
tente »
Exemplos
O exemplo seguinte demonstra o uso de uma pluralidade de selectores.
Suponha que você escolher os dois seletores: <h2> e <h3> elemento.
A primeira <h2> elemento no código a seguir irá adicionar uma cor de fundo do documento:
<H3> Um elemento h3 </ h3>
document.querySelector ( "H2, H3") style.backgroundColor = "red" .;
tente »
No entanto, se o documento <h3> elemento é <h2> elemento antes, <h3> elemento será definido para indicar a cor de fundo.
<H2> Um elemento h2 </ h2>
document.querySelector ( "H2, H3") style.backgroundColor = "red" .;
tente »
Páginas relacionadas
JavaScript Manual de Referência: Elemento .querySelector ()