HTML DOM Element previousElementSibling eigenschap

Definitie en gebruik

previousElementSibling De eigenschap keert het vorige element op dezelfde boomniveau terug.

previousElementSibling De eigenschap is alleen leesbaar.

Raadpleeg ook:

nextElementSibling eigenschap

children eigenschap

firstElemenChild eigenschap

lastElemenChild eigenschap

childElementCount eigenschap

HTML knopen en elementen

In HTML DOM(Document Object Model) waarin de HTML-document een verzameling knopen is die (of niet) afhankelijk zijn van onderliggende knopen.

KnoopBetekent elementknoop, tekstknoop en aantekeningknoop.

ElementDe witruimte tussen elementen is ook een tekstknoop.

En element is alleen een elementknoop.

Medebroeder en elementmedebroeder

MedebroederIs 'broer' en 'zus'.

MedebroederIs een knoop die dezelfde ouder heeft (in dezelfde childNodes lijst).

ElementmedebroederIs een element dat dezelfde ouder heeft (in dezelfde children lijst).

Onderliggende knopen en onderliggende elementen

childNodes Geef terugOnderliggende knopen(Elementknoop, tekstknoop en aantekeningknoop).

children Geef terugOnderliggende elementen(Bevat geen tekst- en aantekeningknopen).

nextSibling en nextElementSibling

nextSibling Geef de volgende terugKnoop(Elementknoop, tekstknoop of aantekeningknoop). De witruimte tussen elementen is ook een tekstknoop.

nextElementSibling Geef de volgende terugElement(Bevat geen tekst- en aantekeningknopen).

previousSibling en previousElementSibling

previousSibling Geef de vorige terugKnoop(Elementknoop, tekstknoop of aantekeningknoop). De witruimte tussen elementen is ook een tekstknoop.

previousElementSibling Geef de vorige terugElement(Bevat geen tekst- en aantekeningknopen).

Voorbeeld

Geef de HTML-inhoud van de vorige medebroeder terug:

let text = element.previousElementSibling.innerHTML;

Probeer het zelf

Syntaxis

element.previousElementSibling

Terugkeerwaarde

Type Beschrijving
Element Vorige medebroeder element.
null Als er geen eerdere medebroeder bestaat.

Browserondersteuning

element.previousElementSibling Is een DOM Level 3 (2004) kenmerk.

Ondersteund door alle browsers:

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