HTML DOM Element compareDocumentPosition() yöntemi
- Önceki sayfa closest()
- Sonraki sayfa contains()
- Bir üst seviyeye dön HTML DOM Elements nesnesi
Tanım ve Kullanım
compareDocumentPosition()
Bu yöntem iki düğümü karşılaştırır ve onların belgedeki konumlarını açıklamak için bir tamsayı döner:
Değer | Anlam |
---|---|
1 | Düğümler aynı belgeye ait değildir. |
2 | Birinci düğüm, ikinci düğümün ardından yer alır. |
4 | Birinci düğüm, ikinci düğümün öncesinde yer alır. |
8 | Birinci düğüm, ikinci düğüm içinde yer alır. |
16 | İkinci düğüm, birinci düğüm içinde yer alır. |
32 | Düğüm, aynı element üzerindeki bir özelliktir. |
Yorum
Dönüş değeri, değerlerin kombinasyonu da olabilir.
Değer 20, ikinci düğümün birinci düğüm (16) içinde yer aldığını ve birinci düğümün ikinci düğümün öncesinde yer aldığını (4) ifade eder.
Örnek
"p1" ile "p2" karşılaştırıldığında nerede:
const p1 = document.getElementById("p1"); const p2 = document.getElementById("p2"); let position = p1.compareDocumentPosition(p2);
Sözdizimi
node.compareDocumentPosition(node)
Parametre
Parametre | Açıklama |
---|---|
Node | Gerekli. Mevcut düğümle karşılaştırılacak düğüm. |
Dönüş değeri
Tür | Açıklama |
---|---|
Sayı | İki düğümün birbirleriyle karşılaştırılan konumları. |
Değer | Anlam |
---|---|
1 | Düğümler aynı belgeye ait değildir. |
2 | Birinci düğüm, ikinci düğümün ardından yer alır. |
4 | Birinci düğüm, ikinci düğümün öncesinde yer alır. |
8 | Birinci düğüm, ikinci düğüm içinde yer alır. |
16 | İkinci düğüm, birinci düğüm içinde yer alır. |
32 | Düğüm, aynı element üzerindeki bir özelliktir. |
Tarayıcı desteği
element.compareDocumentPosition()
Bu, DOM Level 1 (1998) özellikleridir.
Tüm tarayıcılar tamamen destekler:
Chrome | IE | Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
Chrome | IE | Edge | Firefox | Safari | Opera |
Destek | 9-11 | Destek | Destek | Destek | Destek |
- Önceki sayfa closest()
- Sonraki sayfa contains()
- Bir üst seviyeye dön HTML DOM Elements nesnesi