Form elements సంకలనం
నిర్వచనం మరియు వినియోగం
elements
ఫారమ్ అంశాలన్నింటి సంకలనం అందిస్తుంది.
ప్రత్యామ్నాయంగా:సంకలనంలోని అంశాలు సోర్స్ కోడ్లో వచ్చే క్రమంలో క్రమీకరించబడతాయి.
ప్రత్యామ్నాయంగా:elements 集合返回
ఉదాహరణ
ఉదాహరణ 1
పేరును కలిగిన <form> అంశంలో ఎన్ని అంశాలు ఉన్నాయో తెలుసుకోండి:
var x = document.getElementById("myForm").elements.length;
x 的结果将是:
3
సూచన:పేజీ కింద మరిన్ని ఉదాహరణలు అందుబాటులో ఉంటాయి.
సంకేతం:
formObject.elements
అంశం
అంశం | వివరణ |
---|---|
length |
తిరిగి చేయండి: ప్రత్యామ్నాయంగా:ఈ అంశం విలువను తిరిగి చేయలేదు. |
ఈ అంశం పాఠబద్ధం ఉంటుంది.
ఈ అంశం పాఠబద్ధం ఉంటుంది. | వివరణ |
---|---|
[index] |
పత్రంలో పేరును కలిగిన సూచికను కలిగిన అంశాన్ని తిరిగి చేస్తుంది (0 నుండి ప్రారంభం). ప్రత్యామ్నాయంగా:సూచిక సంఖ్య పరిధిలో లేకపోతే null తిరిగి చేస్తుంది. |
item(index) |
పత్రంలో పేరును కలిగిన సూచికను కలిగిన అంశాన్ని తిరిగి చేస్తుంది (0 నుండి ప్రారంభం). ప్రత్యామ్నాయంగా:సూచిక సంఖ్య పరిధిలో లేకపోతే null తిరిగి చేస్తుంది. |
namedItem(id) |
పత్రంలో పేరును కలిగిన అంశాన్ని తిరిగి చేస్తుంది. ప్రత్యామ్నాయంగా:ఇడ్ లేకపోతే null తిరిగి చేస్తుంది. |
సాంకేతిక వివరాలు
DOM వెర్షన్: | కోర్ లెవల్ 2 డాక్యుమెంట్ అబ్జెక్ట్ |
---|---|
వాటి పరిణామం: |
HTMLFormsControlCollection అబ్జెక్ట్, <form> అంశంలో అన్ని అంశాలను ప్రతినిధీకరిస్తుంది. సమూహంలోని అంశాలు వాటిని స్రోత కోడ్లో కనిపించిన క్రమంలో క్రమీకరించబడతాయి. |
మరిన్ని ఉదాహరణలు
ఉదాహరణ 2: [index]
పత్రంలో మొదటి అంశం (సూచిక 0) విలువను పొందండి:
var x = document.getElementById("myForm").elements[0].value;
x 的结果将是:
Donald
ఉదాహరణ 3: item(index)
పత్రంలో మొదటి అంశం (సూచిక 0) విలువను పొందండి:
var x = document.getElementById("myForm").elements.item(0).value;
x 的结果将是:
Donald
ఉదాహరణ 4: namedItem(id)
పత్రంలో name="fname" అంశం విలువను పొందండి:
var x = document.getElementById("myForm").elements.namedItem("fname").value;
x 的结果将是:
Donald
ఉదాహరణ 5
పత్రంలోని అన్ని అంశాలను పరిశీలించి ప్రతి అంశం విలువను అవుట్పుట్ చేయుము:
var x = document.getElementById("myForm"); var txt = ""; var i; for (i = 0; i < x.length; i++) { txt = txt + x.elements[i].value + "
"; } document.getElementById("demo").innerHTML = txt;
x 的结果将是:
Donald Duck Submit
浏览器支持
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
支持 | 支持 | 支持 | 支持 | 支持 |