HTML DOM Element previousElementSibling သုံးသပ်
- အရေးပါသော စာမျက်နှာ previousSibling
- နောက်ဆုံး စာမျက်နှာ querySelector()
- အဆင်းပြင် အပြန် HTML DOM Elements အားကစားရုပ်
ဒီ သုံးသပ် ကို ဒီ အသုံးပြုခြင်း နှင့် အသုံးပြုခြင်း
previousElementSibling
သုံးသပ် သည် တူညီသော ဈေးတန်းအချိန် တွင် ပြင်းအားဖြင့် ပြီးခဲ့သော အသုံးပြုခြင်း ကို ပြန်လည်ပြောဆိုသည်။
previousElementSibling
သုံးသပ် သည် သာမြင့်ခွင့်ရသည်။
ကျမ်းကို ကြည့်ပါ:
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 | ထောက်ပံ့ | ထောက်ပံ့ | ထောက်ပံ့ | ထောက်ပံ့ |
- အရေးပါသော စာမျက်နှာ previousSibling
- နောက်ဆုံး စာမျက်နှာ querySelector()
- အဆင်းပြင် အပြန် HTML DOM Elements အားကစားရုပ်