HTML DOM ကိုက်ညီမှုများ() နည်းလမ်း
❮ Element Objectဥပမာ
အစိတ်အပိုင်းတစ်ခုသည် CSS ရွေးချယ်မှုကိရိယာနှင့် ကိုက်ညီမှုရှိမရှိ ဆုံးဖြတ်ပါ-
var element = document.getElementById("myElement");
if (element.matches(".container")) {
element.innerHTML = "This element matches the \".container\" CSS selector";
} else {
element.innerHTML = "This element does not match the \".container\" CSS selector";
}
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
နည်းလမ်း သည် matches()
အစိတ်အပိုင်းတစ်ခုအား သီးခြား CSS ရွေးချယ်မှုဖြင့် ကိုက်ညီမှုရှိမရှိ ညွှန်ပြသည့် Boolean တန်ဖိုးကို ပြန်ပေးသည်။
အကြံပြုချက်- CSS Selectors များအားလုံး၏စာရင်းအတွက်၊ ကျွန်ုပ်တို့၏ CSS Selectors Reference ကို ကြည့်ရှုပါ ။
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် နည်းလမ်းကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။
Method | |||||
---|---|---|---|---|---|
matches() | 33.0 | 18.0 | 34.0 | 7.0 | 21.0 |
အထားအသို
element.matches(selectors)
ကန့်သတ်တန်ဖိုးများ
Parameter | Description |
---|---|
selectors |
Required. Specifies one or more CSS selectors to match the element. These are used to select HTML elements based on their id, classes, types, attributes, values of attributes, etc. For multiple selectors, separate each selector with a comma. The returned element depends on which element that is first found in the document (See "More Examples"). Tip: For a list of all CSS Selectors, look at our CSS Selectors Reference. |
နည်းပညာဆိုင်ရာအသေးစိတ်
ပြန်ပို့တန်ဖိုး- |
Boolean သည် ဒြပ်စင်အား CSS ရွေးချယ်မှုဖြင့် လိုက်ဖက်နိုင်မှု ရှိမရှိ ညွှန်ပြသည်-
|
---|
နောက်ထပ် ဥပမာများ
ဥပမာ
အစိတ်အပိုင်းတစ်ခုသည် ရွေးချယ်မှုများစွာထဲမှ တစ်ခုနှင့် ကိုက်ညီမှုရှိမရှိ ရှာဖွေပါ-
var element = document.getElementById("myElement");
if (element.matches(".container, .wrapper")) {
element.innerHTML = "This element matches either the \".container\" CSS selector or the \".wrapper\" selector.";
} else {
element.innerHTML = "This element does not match any of the selectors.";
}
ဆက်စပ်စာမျက်နှာများ
JavaScript ရည်ညွှန်းချက်- element.closest() နည်းလမ်း။
❮ Element Object