HTML DOM Element previousElementSibling atrybut
- Poprzednia strona previousSibling
- Następna strona querySelector()
- Wróć do poprzedniego poziomu Obiekt Elements DOM HTML
Definicja i użycie
previousElementSibling
Atrybut zwraca poprzedni element na tym samym poziomie drzewa.
previousElementSibling
Atrybut jest jedynie do odczytu.
Inne odniesienia:
Węzły HTML i elementy
W HTML DOMw (Document Object Model), dokument HTML jest zbiorowiskiem węzłów (lub bez węzłów) posiadających (lub nie posiadających) węzłów potomnych.
WęzełOznacza węzły elementowe, węzły tekstowe i węzły komentarzy.
ElementBiałe przestrzenie między elementami są również węzłami tekstowymi.
a element jest węzłem elementowym.
Brat i brat elementu
BratTo 'brat' i 'siostra'.
BratTo węzły posiadające tego samego rodzica (w tym samym childNodes na liście).
Brat elementuTo elementy posiadające tego samego rodzica (w tym samym children na liście).
Węzły potomne i elementy potomne
childNodes ZwracaWęzeł potomny(węzły elementowe, węzły tekstowe i węzły komentarzy).
children ZwracaElement potomny(nie zwraca węzłów tekstowych i komentarzy).
nextSibling i nextElementSibling
nextSibling Zwraca następnegoWęzeł(węzły elementowe, węzły tekstowe lub węzły komentarzy). Białe przestrzenie między elementami są również węzłami tekstowymi.
nextElementSibling Zwraca następnegoElement(nie zwraca węzłów tekstowych i komentarzy).
previousSibling i previousElementSibling
previousSibling Zwraca poprzedniegoWęzeł(węzły elementowe, węzły tekstowe lub węzły komentarzy). Białe przestrzenie między elementami są również węzłami tekstowymi.
previousElementSibling Zwraca poprzedniegoElement(nie zwraca węzłów tekstowych i komentarzy).
Przykład
Zwraca HTML poprzedniego brata:
let text = element.previousElementSibling.innerHTML;
Gramatyka
element.previousElementSibling
Zwrócona wartość
Typ | Opis |
---|---|
Element | Poprzedni brat elementu. |
null | Jeśli nie istnieje poprzedni brat. |
Wsparcie przeglądarki
element.previousElementSibling
Jest to cecha DOM Level 3 (2004).
Wszystkie przeglądarki wspierają je w pełni:
Chrome | IE | Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
Chrome | IE | Edge | Firefox | Safari | Opera |
Wsparcie | 9-11 | Wsparcie | Wsparcie | Wsparcie | Wsparcie |
- Poprzednia strona previousSibling
- Następna strona querySelector()
- Wróć do poprzedniego poziomu Obiekt Elements DOM HTML