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

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


 

HTML DOM รูปแบบการเก็บ

<วัตถุเอกสาร

ตัวอย่าง

หาวิธีหลาย <form> องค์ประกอบที่มีอยู่ในเอกสาร:

var x = document.forms.length;

ผลของ x จะเป็น:

1
ลองตัวเอง»

เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง


ความหมายและการใช้งาน

คอลเลกชันรูปแบบผลตอบแทนการเก็บรวบรวมทั้งหมด <form> องค์ประกอบในเอกสาร

Note: องค์ประกอบในคอลเลกชันจะถูกเรียงลำดับตามที่ปรากฏในรหัสที่มา

เคล็ดลับ: ใช้ องค์ประกอบ คอลเลกชันของ วัตถุในแบบฟอร์ม เพื่อกลับไปคอลเลกชันขององค์ประกอบทั้งหมดในแบบฟอร์ม


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

ชุด
forms ใช่ ใช่ ใช่ ใช่ ใช่

วากยสัมพันธ์

document.forms

คุณสมบัติ

คุณสมบัติ ลักษณะ
length แสดงจำนวนของ <form> องค์ประกอบในคอลเลกชัน

หมายเหตุ: คุณสมบัตินี้ถูกอ่านอย่างเดียว

วิธีการ

วิธี ลักษณะ
[ index ] ส่งคืน <form> องค์ประกอบจากคอลเลกชันที่มีดัชนีที่ระบุ (starts at 0)

หมายเหตุ: คืน null หากหมายเลขดัชนีอยู่นอกช่วง
item( index ) ส่งคืน <form> องค์ประกอบจากคอลเลกชันที่มีดัชนีที่ระบุ (starts at 0)

หมายเหตุ: คืน null หากหมายเลขดัชนีอยู่นอกช่วง
namedItem( id ) ส่งคืน <form> องค์ประกอบจากคอลเลกชันที่มี ID ที่ระบุ

หมายเหตุ: คืน null หากประชาชนไม่ได้อยู่

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

DOM เวอร์ชัน: ระดับแกนวัตถุ 1 เอกสาร
กลับค่า: วัตถุ HTMLCollection คิดเป็นทั้งหมด <form> องค์ประกอบในเอกสาร องค์ประกอบในการเก็บรวบรวมจะถูกเรียงลำดับตามที่ปรากฏในรหัสที่มา

ตัวอย่าง

ตัวอย่างอื่น ๆ

ตัวอย่าง

[ดัชนี]

รับรหัสจากครั้งแรกที่ <form> องค์ประกอบ (index 0) ในเอกสาร:

var x = document.forms[0].id;

ผลของ x จะเป็น:

myCarForm
ลองตัวเอง»

ตัวอย่าง

item( index )

รับรหัสจากครั้งแรกที่ <form> องค์ประกอบ (index 0) ในเอกสาร:

var x = document.forms.item(0).id;

ผลของ x จะเป็น:

myCarForm
ลองตัวเอง»

ตัวอย่าง

namedItem( id )

รับเนื้อหา HTML ของ <form> องค์ประกอบที่มี id = "myForm" ในเอกสาร:

var x = document.forms.namedItem("myCarForm").innerHTML;

ผลของ x จะเป็น:

Favorite Car:
ลองตัวเอง»

ตัวอย่าง

ห่วงผ่านทั้งหมด <form> องค์ประกอบในเอกสารและการส่งออกรหัสของแต่ละรูปแบบ:

var x = document.forms;
var txt = "";
var i;
for (i = 0; i < x.length; i++) {
    txt = txt + x[i].id + "<br>";
}

ผลจากการ txt จะเป็น:

myCarForm
myColorForm
ลองตัวเอง»

ตัวอย่าง

การใช้คอลเลกชันองค์ประกอบร่วมกับ document.forms ที่จะได้รับ rgb (241, 241, 241); "> ค่าขององค์ประกอบในรูปแบบแต่ละ:

var x = document.forms[0];
var txt = "";
var i;
for (i = 0; i < x.length; i++) {
    txt = txt + x.elements[i].value + "<br>";
}

ผลของ x จะเป็น:

Donald
Duck
Duckburg
Submit
ลองตัวเอง»

หน้าเว็บที่เกี่ยวข้อง

อ้างอิง JavaScript: วัตถุ HTML DOM แบบฟอร์ม

JavaScript อ้างอิง: เก็บองค์ประกอบแบบฟอร์ม

กวดวิชา HTML: รูปแบบ HTML

อ้างอิง HTML: HTML <form> แท็ก


<วัตถุเอกสาร