Attribut previousSibling du DOM HTML

Objet Element HTML DOM

previousSiblingPropriété lecture seule qui retourne le nœud précédent au même niveau dans l'arbre.

Si il n'y a pas de nœud jumeau précédent, cette propriété retournenull.

Les espaces sont considérés comme du texte, le texte est considéré comme un nœud. Les commentaires sont également considérés comme des nœuds.

Pour éviter que previousSibling ne retourne pas un nœud #text ou #comment, vous pouvez utiliserpreviousElementSiblingRetourne uniquement les nœuds élément.

UtilisationnextSiblingCette propriété retourne le nœud suivant au même niveau dans l'arbre.

UtilisationchildNodesCette propriété peut retourner n'importe quel sous-nœud du nœud spécifié.

Syntaxe :

node.previousSibling

<div id="div-1">Here is div"}}-1</div>
<div id="div-2">Here is div"}}-2</div>
<script>
var x = document.querySelector("#div-2).previousSibling.nodeName;
document.getElementById("result").innerHTML = x;
</script>

Cependant, si l'espace entre les DIV est supprimé, la valeur retournée ne sera pas #text :

<div id="div-1">Here is div"}}-1</div><div id="div-2">Here is div"}}-2</div>
<script>
var x = document.querySelector("#div-2).previousSibling.innerHTML;
document.getElementById("result").innerHTML = x;
</script>

Compatibilité navigateur

Tous les navigateurs supportent complètement la propriété previousSibling :

Détails techniques

Références associées

Référence HTML DOM :nodepropriété .childNodes

Référence HTML DOM :nodepropriété .firstChild

Référence HTML DOM :nodepropriété .lastChild

Référence HTML DOM :nodepropriété .parentNode

Référence HTML DOM :nodepropriété .nextSibling

Référence HTML DOM :nodepropriété .nodeName

Objet Element HTML DOM