ล่าสุดการพัฒนาเว็บบทเรียน
×

JavaScript การอ้างอิง

ภาพรวม

JavaScript

JS เชือก JS จำนวน JS ผู้ประกอบการ JS งบ JS คณิตศาสตร์ JS วันที่ JS แถว JS บูลีน JS นิพจน์ทั่วไป JS สถานการณ์โดยรวม JS การแปลง

เบราว์เซอร์ BOM

Window Navigator Screen History Location

HTML DOM

DOM เอกสาร DOM องค์ประกอบ DOM แอตทริบิวต์ DOM เหตุการณ์ DOM รูปแบบ

HTML วัตถุ

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

วัตถุอื่น ๆ

CSSStyleDeclaration


 

การเก็บองค์ประกอบของแบบฟอร์ม

<object แบบฟอร์ม

ตัวอย่าง

หาวิธีหลายองค์ประกอบที่มีอยู่ในระบุ <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 แบบฟอร์ม