ชุด Form elements

HTML DOM Form ตัวแทน

การกำหนดและการใช้งาน

elements ชุดจะคืนค่าสำหรับชุดของทั้งหมดขององค์ประกอบในฟอร์ม。

หมายเหตุ:องค์ประกอบของชุดจะถูกจัดลำดับตามลำดับที่พวกเขาปรากฏในรหัสต้นแบบ。

หมายเหตุ:ถ้าต้องการหาทั้งหมด <form> ในเอกสาร ใช้แทน ชุด elements กลับมาทั้งหมดองค์ประกอบใน <form> องค์ประกอบ ไม่ใช่ทั้งหมด <form> ในเอกสารสมุนไพร document.forms

。

ตัวอย่าง

ตัวอย่าง 1

หาจำนวนองค์ประกอบที่มีใน <form> ที่กำหนด

ทดลองด้วยตัวเอง

ผลลัพธ์ของ x จะเป็น：

var x = document.getElementById("myForm").elements.length;

3คำเตือน:

มีตัวอย่างเพิ่มเติมในด้านล่างของหน้า

รูปแบบการใช้formObject

.elements

.elements รายละเอียด
คุณสมบัติ

length

หมายเหตุ:กลับมาจำนวนองค์ประกอบใน <form> องค์ประกอบ

นี่เป็นคุณสมบัติที่แสดงแค่อ่าน

นี่เป็นคุณสมบัติที่แสดงแค่อ่าน รายละเอียด
[index]

กลับมาองค์ประกอบที่มีดัชนีที่กำหนดใน <form> (เริ่มต้นจาก 0)

หมายเหตุ:ถ้าหมายเลขดัชนีนอกเหนือจากขอบเขตจะกลับมา null
item(index)

กลับมาองค์ประกอบที่มีดัชนีที่กำหนดใน <form> (เริ่มต้นจาก 0)

หมายเหตุ:ถ้าหมายเลขดัชนีนอกเหนือจากขอบเขตจะกลับมา null
namedItem(id)

กลับมาองค์ประกอบที่มี id ที่กำหนดใน <form>

หมายเหตุ:ถ้า id ไม่มีอยู่จะกลับมา null

รายละเอียดเทคโนโลยี

DOM รุ่น Core Level 2 Document Object
ค่าที่กลับมา

วัตถุ 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 + "<br>";
}
document.getElementById("demo").innerHTML = txt;

ทดลองด้วยตัวเอง

ผลลัพธ์ของ x จะเป็น：

Donald
Duck
Submit

การสนับสนุนเบราเซอร์

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน

HTML DOM Form ตัวแทน