HTML DOM နှိုင်းယှဉ်DocumentPosition() နည်းလမ်း
ဥပမာ
စာပိုဒ်တစ်ပိုဒ်ကို အခြားစာပိုဒ်နှင့် နှိုင်းယှဉ်ပါက မည်သည့်နေရာတွင် ထားရှိသည်ကို ရှာဖွေပါ-
var p1 = document.getElementById("p1");
var p2 = document.getElementById("p2");
var x = p1.compareDocumentPosition(p2);
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
နှိုင်းယှဉ်DocumentPosition() နည်းလမ်းသည် node နှစ်ခုကို နှိုင်းယှဉ်ပြီး စာရွက်စာတမ်းတွင် ၎င်းတို့နေရာချထားသည့်နေရာကို ဖော်ပြသည့် ကိန်းပြည့်တစ်ခုကို ပြန်ပေးသည်။
အပေါ်က ဥပမာကိုကြည့်ပါ။ ဖြစ်နိုင်ချေရှိသော တန်ဘိုးများကို ဖော်ပြပါမည်-
1- ဆက်နွယ်မှုမရှိပါ၊ ဆုံမှတ်နှစ်ခုသည် တူညီသောစာရွက်စာတမ်းနှင့် မသက်ဆိုင်ပါ။
2- ပထမ node (p1) ကို ဒုတိယ node (p2) ပြီးနောက် နေရာယူထားသည်။
4- ပထမ node (p1) ကို ဒုတိယ node (p2) ရှေ့မှာ နေရာချထားတယ်။
8- ပထမ node (p1) ကို ဒုတိယ node (p2) တွင် နေရာချထားပါသည်။
16- ဒုတိယ node (p2) ကို ပထမ node (p1) တွင် နေရာချထားပါသည်။
32- ဆက်စပ်မှုမရှိပါ၊ သို့မဟုတ် ဆုံမှတ်နှစ်ခုသည် တူညီသောဒြပ်စင်ပေါ်ရှိ အင်္ဂါရပ်နှစ်ခုဖြစ်သည်။
မှတ်ချက်- ပြန်တန်ဖိုးသည် တန်ဖိုးများ ပေါင်းစပ်မှုလည်း ဖြစ်နိုင်သည်။ returnvalue 20 ဆိုသည်မှာ p2 သည် p1 (16) အတွင်းတွင်ရှိပြီး p1 သည် p2 (4) မတိုင်မီ နေရာယူထားသည်။
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် နည်းလမ်းကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။
Method | |||||
---|---|---|---|---|---|
compareDocumentPosition() | Yes | 9.0 | Yes | Yes | Yes |
အထားအသို
node.compareDocumentPosition(node)
ကန့်သတ်တန်ဖိုးများ
Parameter | Type | Description |
---|---|---|
node | Node object | Required. Specifies the node to compare with the current node |
နည်းပညာဆိုင်ရာအသေးစိတ်
ပြန်ပို့တန်ဖိုး- | တစ်ခုနှင့်တစ်ခု နှိုင်းယှဉ်ပါက node နှစ်ခုနေရာချထားခြင်းကို ကိုယ်စားပြုသော နံပါတ်။
ဖြစ်နိုင်ချေရှိသော တန်ဘိုးများ- 1 ( ဆက်နွယ်မှုမရှိပါ၊ ဆုံမှတ်နှစ်ခုသည် တူညီသောစာရွက်စာတမ်းနှင့် မသက်ဆိုင်ပါ ) 2 ( ပထမ node (p1) ကို ဒုတိယ node (p2) ပြီးနောက် နေရာချထားသည် ) 4 ( ပထမ node (p1) ကို ဒုတိယ node (p2) ရှေ့မှာ နေရာချထားသည် ) 8 ( ပထမ node (p1) ကို ဒုတိယ node (p2) တွင် နေရာချထားသည် ) 16 ( ဒုတိယ node (p2) ကို ပထမ node (p1) တွင် နေရာချထားသည် ။ 32 ( ဆက်နွယ်မှုမရှိပါ၊ သို့မဟုတ် node နှစ်ခုသည် တူညီသောဒြပ်စင်ပေါ်ရှိ အရည်အချင်းနှစ်ခုဖြစ်သည် ) |
---|---|
DOM ဗားရှင်း | Core Level 1 Node Object |