HTML DOM Element nextSibling eigenschap

Definitie en gebruik

nextSibling Eigenschappen retourneren het volgende knooppunt op hetzelfde boomniveau.

nextSibling Retourneert een Node-object.

nextSibling Eigenschappen zijn alleen lezen.

Let op

nextSibling Retourneer de volgende broerknoot: elementknooppunt, tekstknooppunt of annotatieknooppunt.

De lege ruimte tussen elementen is ook een tekstknooppunt.

Alternatieve oplossingen:

nextElementSibling eigenschap - nextElementSibling Retourneert het volgende broerelement (negeert tekst- en annotatieknopen).

Zie ook:

previousSibling eigenschap

firstChild eigenschap

lastChild eigenschap

childNodes eigenschap

hasChildNodes() methode

HTML knopen en elementen

In HTML DOM（Document Object Model）, de HTML-document is een verzameling knopen die (of niet) subknopen hebben.

NodeBetekent elementknopen, tekstknopen en annotatieknopen.

ElementDe witruimte tussen hen is ook een tekstknop.

Terwijl elementen alleen elementknopen zijn.

Broers en elementbroers

BroersZijn "broers" en "zusjes".

BroersZijn knopen die dezelfde ouder hebben (in dezelfde childNodes lijst）。

ElementbroersZijn elementen die dezelfde ouder hebben (in dezelfde children lijst）。

Onderliggende knopen en onderliggende elementen

childNodes RetourneertOnderliggende knopen（Elementknopen, tekstknopen en annotatieknopen）。

children RetourneertOnderliggende elementen（Niet tekst- en annotatieknopen）。

nextSibling en nextElementSibling

nextSibling Retourneert de volgendeNode（Elementknopen, tekstknopen of annotatieknopen）。De witruimte tussen elementen is ook een tekstknop.

nextElementSibling Retourneert de volgendeElement（Retourneert geen tekst- en annotatieknopen）。

previousSibling en previousElementSibling

previousSibling Retourneert de vorigeNode（Elementknopen, tekstknopen of annotatieknopen）。De witruimte tussen elementen is ook een tekstknop.

previousElementSibling Retourneert de vorigeElement（Retourneert geen tekst- en annotatieknopen）。

Voorbeeld

Retourneert de HTML-inhoud van het volgende broer van de lijstitem:

document.getElementById("item1").nextSibling.innerHTML;

Probeer het zelf

Syntaxis

element.nextSibling

of

node.nextSibling

Retourwaarde

Type Beschrijving
Node Het volgende broer van het element.
null Als er geen volgende broer is.

Browserondersteuning

element.nextSibling Is een DOM Level 1 (1998) kenmerk.

Alle browsers ondersteunen het volledig:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Ondersteuning 9-11 Ondersteuning Ondersteuning Ondersteuning Ondersteuning