Exemple
Découvrez où un paragraphe est positionné par rapport à un autre paragraphe:
var p1 = document.getElementById("p1");
var p2 = document.getElementById("p2");
var x = p1.compareDocumentPosition(p2);Le résultat de x sera:
4 Essayez vous - même » Définition et utilisation
Le compareDocumentPosition() méthode compare deux noeuds, et renvoie un entier décrivant où ils sont positionnés dans le document.
Regardez l'exemple ci-dessus. Les valeurs de retour possibles préciseraient:
1: Pas de relation, les deux noeuds ne fait pas partie du même document.
2: le premier noeud (p1) est positionné après le second noeud (p2) .
4: Le premier noeud (p1) est placé avant le second noeud (p2) .
8: Le premier noeud (p1) est positionné à l' intérieur du deuxième noeud (p2) .
16: Le second noeud (p2) est positionné à l' intérieur du premier noeud (p1) .
32: Aucune relation, ou les deux nœuds sont deux attributs sur le même élément.
Remarque: La valeur de retour pourrait également être une combinaison de valeurs. À savoir le returnValue 20 signifie que p2 est à l' intérieur p1 (16) ET p1 p2 est positionné avant (4) .
Support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui prend en charge pleinement la méthode.
| méthode | |||||
|---|---|---|---|---|---|
| compareDocumentPosition() | Oui | 9.0 | Oui | Oui | Oui |
Syntaxe
Les valeurs des paramètres Paramètre Type La description node Node object Champs obligatoires. Spécifie le noeud pour le comparer avec le noeud courant
Détails techniques
Valeur de retour: Un nombre, représentant là où deux noeuds sont positionnés par rapport à l'autre. Les valeurs de retour possibles:
1 ( No relationship, the two nodes do not belong to the same document )
2 ( The first node (p1) est positionné après le second noeud (p2) )
4 ( The first node (p1) est placé avant le second noeud (p2) )
8 ( The first node (p1) est positionné à l' intérieur du second noeud (p2) )
16 ( The second node (p2) est positionné à l' intérieur du premier noeud (p1) )
32 ( No relationship, or the two nodes are two attributes on the same element )
version DOM Niveau de base 1 Noeud objet