HTML DOM dichtst() Methode
❮Het Element-ObjectVoorbeeld
Zoek het dichtstbijzijnde element dat overeenkomt met de CSS-selector en geef het een gele rand:
var element = document.getElementById("myElement");
var closest =
element.closest(".container");
if (closest) {
closest.style.border = "10px solid yellow";
}
Definitie en gebruik
De closest()
methode zoekt in de DOM-structuur naar het dichtstbijzijnde element dat overeenkomt met een opgegeven CSS-selector. Het begint bij het element zelf, test vervolgens de ouder, grootouder enzovoort totdat er een overeenkomst is gevonden. Als er geen overeenkomst wordt gevonden, retourneert deze methode null .
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die de methode volledig ondersteunt.
Method | |||||
---|---|---|---|---|---|
closest() | 41.0 | 15.0 | 35.0 | 6.0 | 28.0 |
Syntaxis
element.closest(selectors)
Parameterwaarden
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. Tip: For a list of all CSS Selectors, look at our CSS Selectors Reference. |
Technische details
Winstwaarde: |
Het dichtstbijzijnde voorouderelement, of het element zelf, dat overeenkomt met de opgegeven CSS-kiezer(s). Als er geen overeenkomsten worden gevonden, wordt null geretourneerd. Genereert een SYNTAX_ERR-uitzondering als de opgegeven selector(s) ongeldig zijn. |
---|
Gerelateerde pagina's
JavaScript-referentie: de methode element.matches() .
❮Het Element-Object