ตัวอย่าง
หาวิธีหลายองค์ประกอบที่มีอยู่ในระบุ <form> องค์ประกอบ:
var x = document.getElementById("myForm").elements.length;
ผลของ x จะเป็น:
3
ลองตัวเอง» เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง
ความหมายและการใช้งาน
คอลเลกชันองค์ประกอบผลตอบแทนที่คอลเลกชันขององค์ประกอบทั้งหมดในแบบฟอร์ม
Note: องค์ประกอบในคอลเลกชันจะถูกเรียงลำดับตามที่ปรากฏในรหัสที่มา
หมายเหตุ: การเก็บรวบรวมองค์ประกอบองค์ประกอบทั้งหมดส่งกลับภายใน <form> องค์ประกอบไม่ได้ทั้งหมด <form> องค์ประกอบในเอกสาร จะได้รับทั้งหมด <form> องค์ประกอบในเอกสารที่ใช้ document.forms คอลเลกชันแทน
สนับสนุนเบราว์เซอร์
ชุด | |||||
---|---|---|---|---|---|
elements | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
วากยสัมพันธ์
formObject .elements
คุณสมบัติ
คุณสมบัติ | ลักษณะ |
---|---|
length | ส่งกลับจำนวนขององค์ประกอบใน <form> องค์ประกอบ หมายเหตุ: คุณสมบัตินี้ถูกอ่านอย่างเดียว |
วิธีการ
วิธี | ลักษณะ |
---|---|
[ index ] | ส่งกลับองค์ประกอบใน <form> กับดัชนีที่ระบุ (starts at 0) หมายเหตุ: คืน null หากหมายเลขดัชนีอยู่นอกช่วง |
item( index ) | ส่งกลับองค์ประกอบใน <form> กับดัชนีที่ระบุ (starts at 0) หมายเหตุ: คืน null หากหมายเลขดัชนีอยู่นอกช่วง |
namedItem( id ) | ส่งกลับองค์ประกอบใน <form> มี ID ที่ระบุ หมายเหตุ: คืน null หากประชาชนไม่ได้อยู่ |
รายละเอียดทางเทคนิค
DOM เวอร์ชัน: | ระดับแกนวัตถุ 2 เอกสาร |
---|---|
กลับค่า: | วัตถุ HTMLFormsControlCollection คิดเป็นองค์ประกอบทั้งหมดใน <form> องค์ประกอบ องค์ประกอบในการเก็บรวบรวมจะถูกเรียงลำดับตามที่ปรากฏในรหัสที่มา |
ตัวอย่างอื่น ๆ
ตัวอย่าง
[ดัชนี]
ได้รับค่าขององค์ประกอบแรก (index 0) ในรูปแบบ:
var x = document.getElementById("myForm").elements[0].value;
ผลของ x จะเป็น:
Donald
ลองตัวเอง» ตัวอย่าง
item( index )
ได้รับค่าขององค์ประกอบแรก (index 0) ในรูปแบบ:
var x = document.getElementById("myForm").elements.item(0).value;
ผลของ x จะเป็น:
Donald
ลองตัวเอง» ตัวอย่าง
namedItem( id )
ได้รับค่าขององค์ประกอบที่มีชื่อ = "fname" ในรูปแบบที่:
var x = document.getElementById("myForm").elements.namedItem("fname").value;
ผลของ x จะเป็น:
Donald
ลองตัวเอง» ตัวอย่าง
ห่วงผ่านองค์ประกอบทั้งหมดในรูปแบบและการส่งออกค่าของแต่ละองค์ประกอบ:
var x = document.getElementById("myForm");
var txt = "";
var i;
for (i = 0; i < x.length; i++)
{
txt = txt + x.elements[i].value + "<br>";
}
document.getElementById("demo").innerHTML = txt;
ผลจากการ txt จะเป็น:
Donald
Duck
Submit
ลองตัวเอง» <object แบบฟอร์ม