HTML DOM စာရွက်စာတမ်းပုံစံများ
ဥပမာ
စာရွက်စာတမ်းရှိ <form> ဒြပ်စင်အရေအတွက်-
let num = document.forms.length;
ပထမ <form> ဒြပ်စင်၏ id ကို ရယူပါ-
let id = document.forms[0].id;
ပထမ <form> ဒြပ်စင်၏ id ကို ရယူပါ-
let id = document.forms.item(0).id;
id="myCarForm" ဖြင့် <form> ဒြပ်စင်၏ HTML အကြောင်းအရာကို ရယူပါ-
let html = document.forms.namedItem("myCarForm").innerHTML;
အောက်တွင် နောက်ထပ် ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
forms
ပိုင်ဆိုင်မှုသည် စာရွက်စာတမ်းတစ်ခုရှိ <form> အစိတ်အပိုင်းအားလုံး၏ အစုအဝေးကို ပြန်ပေးသည် ။
forms
ပိုင်ဆိုင်မှုသည် HTMLCollection တစ်ခုကို ပြန်ပေး သည် ။
forms
ပိုင်ဆိုင်မှုသည် ဖတ်ရန်သာဖြစ်သည် ။
ကိုလည်းကြည့်ပါ-
အကြံပြုချက်-
ဖောင်တစ်ခုတွင် အစိတ်အပိုင်းအားလုံးကို ပြန်ပို့ရန် ဖောင်ဒြပ် စင်များ စုစည်းမှု ကို အသုံးပြု ပါ။
HTML စုဆောင်းခြင်း။
HTMLCollection သည် HTML node များစုစည်းမှုတစ်ခုဖြစ်သည် ။
စုစည်းမှုတစ်ခုရှိ ဆုံမှတ်များကို အညွှန်းနံပါတ်များဖြင့် ဝင်ရောက်ကြည့်ရှုနိုင်ပါသည်။ အညွှန်းကိန်းသည် 0 တွင် စတင်သည်။
ပိုင်ဆိုင်မှုအရှည် သည် စုစည်းမှုရှိ အစိတ်အပိုင်းအရေအတွက်ကို ပြန်ပေးသည်။
အထားအသို
document.forms
သတ္တိ
Property | Description |
length | The number of elements in the collection. |
နည်းလမ်းများ
Method | Description |
[index] | Returns the element with the specified index (starts at 0). Returns null if the index is out of range. |
item(index) | Returns the element with the specified index (starts at 0). Returns null if the index is out of range. |
namedItem(id) | Returns the element with the specified id. Returns null if the id does not exist. |
တန်ဖိုးကို ပြန်ပေးသည်။
ရိုက်ပါ။ | ဖော်ပြချက် |
အရာဝတ္ထု | HTMLCollection Object တစ်ခု ။ စာရွက်စာတမ်းရှိ <form> အစိတ်အပိုင်းအားလုံး။ အရင်းအမြစ်ကုဒ်တွင် ပေါ်လာသည်နှင့်အမျှ ၎င်းတို့ကို စီထားသည်။ |
နောက်ထပ် ဥပမာများ
<form> ဒြပ်စင်အားလုံးကို လှည့်ပတ်ပြီး ဖောင်တစ်ခုစီ၏ id ကို ထုတ်ပေးသည်-
const forms = document.forms;
let text = "";
for (let i = 0; i < forms.length; i++) {
text += forms[i].id + "<br>";
}
form.elements အစုအဝေးကိုအသုံးပြု၍ ဖောင်ရှိဒြပ်စင်တစ်ခုစီ၏တန်ဖိုးကို ရယူရန် -
const form = document.forms[0];
let text = "";
for (let i = 0; i < form.length; i++) {
text += forms.elements[i].value + "<br>";
}
Browser ပံ့ပိုးမှု
document.forms
DOM Level 1 (1998) အင်္ဂါရပ်တစ်ခုဖြစ်သည်။
ဘရောက်ဆာအားလုံးတွင် ၎င်းကို အပြည့်အဝထောက်ခံသည်-
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |