Attribut previousElementSibling du HTML DOM

Objet Element HTML DOM

previousElementSiblingPropriété lecture seule dans le même niveau d'arbre, retourne l'élément précédent de l'élément spécifié.

Si il n'y a pas d'élément de même niveau précédent, cet attribut retournenull。

UtilisationnextElementSiblingCet attribut retourne l'élément suivant de l'élément spécifié.

UtilisationchildrenCet attribut retourne tous les éléments enfants de l'élément spécifié.

Syntaxe :

element.previousElementSibling

var x = document.querySelector("#div-2").previousElementSibling.innerHTML;

Compatibilité du navigateur

Les nombres dans le tableau indiquent la première version du navigateur qui prend en charge pleinement l'attribut previousElementSibling :

Détails techniques

Plus d'exemples

Modifier le contenu HTML du frère précédent du deuxième DIV :

var div = document.querySelector("#div-2)
div.previousElementSibling.innerHTML = "HELLO WORLD";

Modifier la couleur de fond en arrière-plan de l'élément frère précédent du deuxième DIV :

var div = document.querySelector("#div-2)
div.previousElementSibling.style.backgroundColor = "coral";

Références associées

Référence HTML DOM :propriété children

Référence HTML DOM :propriété nextElementSibling

Objet Element HTML DOM