Método de coincidencias HTML DOM ()
❮ El Objeto ElementoEjemplo
Determine si un elemento coincide con un selector de CSS:
var element = document.getElementById("myElement");
if (element.matches(".container")) {
element.innerHTML = "This element matches the \".container\" CSS selector";
} else {
element.innerHTML = "This element does not match the \".container\" CSS selector";
}
Definición y uso
El matches()método devuelve un valor booleano que indica si un elemento coincide con un selector de CSS específico o no.
Sugerencia: para obtener una lista de todos los selectores de CSS, consulte nuestra Referencia de selectores de CSS .
Compatibilidad con navegador
Los números en la tabla especifican la primera versión del navegador que soporta totalmente este método.
| Method | |||||
|---|---|---|---|---|---|
| matches() | 33.0 | 18.0 | 34.0 | 7.0 | 21.0 |
Sintaxis
element.matches(selectors)
Valores paramétricos
| Parameter | Description |
|---|---|
| selectors |
Required. Specifies one or more CSS selectors to match the element. These are used to select HTML elements based on their id, classes, types, attributes, values of attributes, etc. For multiple selectors, separate each selector with a comma. The returned element depends on which element that is first found in the document (See "More Examples"). Tip: For a list of all CSS Selectors, look at our CSS Selectors Reference. |
Detalles técnicos
| Valor de retorno: |
Un valor booleano que indica si el selector de CSS puede hacer coincidir el elemento:
|
|---|
Más ejemplos
Ejemplo
Averigüe si un elemento coincide con uno de los múltiples selectores:
var element = document.getElementById("myElement");
if (element.matches(".container, .wrapper")) {
element.innerHTML = "This element matches either the \".container\" CSS selector or the \".wrapper\" selector.";
} else {
element.innerHTML = "This element does not match any of the selectors.";
}
páginas relacionadas
Referencia de JavaScript: El método element.closest() .
❮ El Objeto Elemento