Η μεθόδος HTML DOM Element compareDocumentPosition()
- Προηγούμενη Σελίδα closest()
- Επόμενη Σελίδα contains()
- Επιστροφή στο Πάνω επίπεδο Σώμα Elements HTML DOM
Ορισμός και χρήση
compareDocumentPosition()
Η μεθόδος συγκρίνει δύο κόμβους και επιστρέφει έναν αριθμό που περιγράφει τη θέση τους στο έγγραφο:
Αξία | Μέση σημασία |
---|---|
1 | Οι κόμβοι δεν ανήκουν στον ίδιο έγγραφο. |
2 | Η πρώτη κόμβος βρίσκεται μετά από τη δεύτερη κόμβος. |
4 | Η πρώτη κόμβος βρίσκεται πριν από τη δεύτερη κόμβος. |
8 | Η πρώτη κόμβος βρίσκεται εντός της δεύτερης κόμβος. |
16 | Η δεύτερη κόμβος βρίσκεται εντός της πρώτης κόμβος. |
32 | Ο κόμβος είναι ιδιότητα του ίδιου στοιχείου. |
Αναγνώριση
Η επιστροφή τιμής μπορεί επίσης να είναι συνδυασμός τιμών.
Η τιμή 20 σημαίνει ότι η δεύτερη κόμβος βρίσκεται εντός της πρώτης κόμβος (16) και η πρώτη κόμβος βρίσκεται πριν από τη δεύτερη κόμβος (4).
Παράδειγμα
"p1" συγκριτικά με "p2":
const p1 = document.getElementById("p1"); const p2 = document.getElementById("p2"); let position = p1.compareDocumentPosition(p2);
Γλώσσα
node.compareDocumentPosition(node)
Παράμετρος
Παράμετρος | Περιγραφή |
---|---|
Node | Απαιτείται. Ο κόμβος που πρέπει να συγκριθεί με τον τρέχοντα κόμβο. |
Επιστροφή τιμής
Τύπος | Περιγραφή |
---|---|
Αριθμός | Η θέση της σύγκρισης των δύο κόμβων. |
Αξία | Μέση σημασία |
---|---|
1 | Οι κόμβοι δεν ανήκουν στον ίδιο έγγραφο. |
2 | Η πρώτη κόμβος βρίσκεται μετά από τη δεύτερη κόμβος. |
4 | Η πρώτη κόμβος βρίσκεται πριν από τη δεύτερη κόμβος. |
8 | Η πρώτη κόμβος βρίσκεται εντός της δεύτερης κόμβος. |
16 | Η δεύτερη κόμβος βρίσκεται εντός της πρώτης κόμβος. |
32 | Ο κόμβος είναι ιδιότητα του ίδιου στοιχείου. |
Υποστήριξη από τον περιηγητή
element.compareDocumentPosition()
Είναι χαρακτηριστικά DOM Level 1 (1998).
Όλοι οι περιηγητές υποστηρίζουν το πλήρως:}}
Chrome | IE | Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
Chrome | IE | Edge | Firefox | Safari | Opera |
Υποστήριξη | 9-11 | Υποστήριξη | Υποστήριξη | Υποστήριξη | Υποστήριξη |
- Προηγούμενη Σελίδα closest()
- Επόμενη Σελίδα contains()
- Επιστροφή στο Πάνω επίπεδο Σώμα Elements HTML DOM