HTML DOM Element previousElementSibling သုံးသပ်

ဒီ သုံးသပ် ကို ဒီ အသုံးပြုခြင်း နှင့် အသုံးပြုခြင်း

previousElementSibling သုံးသပ် သည် တူညီသော ဈေးတန်းအချိန် တွင် ပြင်းအားဖြင့် ပြီးခဲ့သော အသုံးပြုခြင်း ကို ပြန်လည်ပြောဆိုသည်။

previousElementSibling သုံးသပ် သည် သာမြင့်ခွင့်ရသည်။

ကျမ်းကို ကြည့်ပါ:

nextElementSibling သုံးသပ်

children သုံးသပ်

firstElemenChild 属性

lastElemenChild 属性

childElementCount 属性

HTML 节点与元素

HTML DOM(文档对象模型)中,HTML 文档是拥有(或没有)子节点的节点集合。

ပိုင်းစား指的是元素节点、文本节点和注释节点。

အတ္ထုပတ္တိ之间的空白也是文本节点。

而元素只是元素节点。

同胞与元素同胞

同胞是“兄弟”和“姐妹”。

同胞是拥有相同父节点的节点(在相同的 childNodes အသင်းတွင်)。

元素同胞是拥有相同父元素的元素(在相同的 children အသင်းတွင်)。

ရဲ့ အတ္ထုပတိ နှင့် ရဲ့ အတ္ထုပတိ

childNodes ပြန်လည်ပေးသောရဲ့ အတ္ထုပတ္တိ(အတ္ထုပတ္တိ ပိုင်းစား သို့မဟုတ် အခြေခံ အကြောင်းကြောင်း နှင့် အစီအစဉ် ပိုင်းစား သို့မဟုတ် အစီအစဉ် ပိုင်းစား)。

children ပြန်လည်ပေးသောရဲ့(အခြေခံ အကြောင်းကြောင်း နှင့် အစီအစဉ် မပြန်လည်ပေးသည်)。

nextSibling နှင့် nextElementSibling

nextSibling ပြန်လည်ပေးသောပိုင်းစား(အတ္ထုပတ္တိ ပိုင်းစား သို့မဟုတ် အခြေခံ အကြောင်းကြောင်း သို့မဟုတ် အစီအစဉ် ပိုင်းစား)。အတ္ထုပတ္တိ အကြား အကွာ လည်း အခြေခံ အကြောင်းကြောင်း အသင်းဖြစ်သည်。

nextElementSibling ပြန်လည်ပေးသောအတ္ထုပတ္တိ(အခြေခံ အကြောင်းကြောင်း နှင့် အစီအစဉ် မပြန်လည်ပေးသည်)。

previousSibling နှင့် previousElementSibling

previousSibling ပြန်လည်ပေးသောပိုင်းစား(အတ္ထုပတ္တိ ပိုင်းစား သို့မဟုတ် အခြေခံ အကြောင်းကြောင်း သို့မဟုတ် အစီအစဉ် ပိုင်းစား)。အတ္ထုပတ္တိ အကြား အကွာ လည်း အခြေခံ အကြောင်းကြောင်း အသင်းဖြစ်သည်。

previousElementSibling ပြန်လည်ပေးသောအတ္ထုပတ္တိ(အခြေခံ အကြောင်းကြောင်း နှင့် အစီအစဉ် မပြန်လည်ပေးသည်)。

အကျိုးဆက်

အရေးပါသော အတ္ထုပတ္တိ ပြန်လည်ပေးသော အခြေခံ HTML အရာ:

let text = element.previousElementSibling.innerHTML;

ကိုယ်တိုင် စစ်ဆေးခြင်း

ပြဋ္ဌာန်းအုတ်

element.previousElementSibling

ပြန်လည်ပေးသော အရာ

အမျိုးအစား ဖော်ပြ
အတ္ထုပတ္တိ အရေးပါသော အတ္ထုပတ္တိ အသင်း
null အရေးပါသော အတ္ထုပတ္တိ မရှိဘဲ。

ဘရာဇီးနီးယား ထောက်ပံ့

element.previousElementSibling သည် DOM Level 3 (2004) အခြေခံ ဖြစ်သည်。

အားလုံး ဘရာဇီးနီးယား အတွက် အပြည့်အဝင် ထောက်ပံ့ပေးသည်:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
ထောက်ပံ့ 9-11 ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့