HTML-DOM- nahste()- Methode
❮ Das Element-ObjektBeispiel
Finden Sie das nächste Element, das dem CSS-Selektor entspricht, und geben Sie ihm einen gelben Rahmen:
var element = document.getElementById("myElement");
var closest =
element.closest(".container");
if (closest) {
closest.style.border = "10px solid yellow";
}
Definition und Verwendung
Die closest()Methode durchsucht den DOM-Baum nach dem nächstgelegenen Element, das mit einem angegebenen CSS-Selektor übereinstimmt. Es beginnt beim Element selbst und testet dann das übergeordnete Element, das übergeordnete Element usw., bis eine Übereinstimmung gefunden wird. Wenn keine Übereinstimmung gefunden wird, gibt diese Methode null zurück .
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die das Verfahren vollständig unterstützt.
| Method | |||||
|---|---|---|---|---|---|
| closest() | 41.0 | 15.0 | 35.0 | 6.0 | 28.0 |
Syntax
element.closest(selectors)
Parameterwerte
| 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
| Rückgabewert: |
Das nächste Vorgängerelement oder das Element selbst, das mit dem/den angegebenen CSS-Selektor(en) übereinstimmt. Wenn keine Übereinstimmungen gefunden werden, wird null zurückgegeben. Löst eine SYNTAX_ERR-Ausnahme aus, wenn der/die angegebene(n) Selektor(en) ungültig ist/sind. |
|---|
Verwandte Seiten
JavaScript-Referenz: Die Methode element.matches() .
❮ Das Element-Objekt