สามวิธีในการรับวัตถุแบบฟอร์ม

1.getElementById()

getElementById() สามารถเข้าถึงองค์ประกอบเฉพาะใน DOCUMENT ตามชื่อที่แนะนำ องค์ประกอบดังกล่าวได้รับผ่าน ID ดังนั้นจึงสามารถเข้าถึงองค์ประกอบที่มีชุด ID เท่านั้น

ตัวอย่างเช่น มี DIV พร้อมด้วย ID docid:

รหัสโปรแกรม

<div id=docid></div>

จากนั้นคุณสามารถใช้ getElementById(docid) เพื่อรับองค์ประกอบนี้

2.getElementsByName()

นี่คือการรับองค์ประกอบผ่าน NAME แต่ฉันสงสัยว่าคุณสังเกตเห็นว่านี่คือ GET ELEMENTS หรือไม่ ELEMENTS พหูพจน์หมายความว่าสิ่งที่ได้รับไม่ใช่องค์ประกอบ

เนื่องจาก ID ของแต่ละองค์ประกอบใน DOCUMENT ไม่ซ้ำกัน แต่ NAME สามารถทำซ้ำได้ หากต้องการเปรียบเทียบก็เหมือนกับว่าหมายเลขบัตรประจำตัวบุคคลนั้นไม่ซ้ำกัน (ตามทฤษฎีแล้ว แม้ว่าในความเป็นจริงจะซ้ำกันก็ตาม) แต่มีชื่อซ้ำกันมากมาย ถ้าเป็นเอกสาร

หากมีแท็กชื่อเดียวกันมากกว่าสองแท็ก getElementsByName() สามารถรับองค์ประกอบเหล่านี้เพื่อสร้างอาร์เรย์ได้

ตัวอย่างเช่น มี DIV สองรายการ:

รหัสโปรแกรม

<ชื่อ div=docname id=docid1></div>

<ชื่อ div=docname id=docid2></div>

จากนั้นคุณสามารถใช้ getElementsByName(docname) เพื่อรับ DIV ทั้งสองนี้ ใช้ getElementsByName(docname)[0] เพื่อเข้าถึง DIV แรก และใช้ getElementsByName(docname)[1] เพื่อเข้าถึง DIV ที่สอง

3.getElementsByTagName()

นี่คือการรับองค์ประกอบผ่าน TAGNAME (ชื่อแท็ก) แน่นอนว่า DOCUMENT จะมีแท็กเดียวกัน ดังนั้นวิธีนี้จึงได้รับอาร์เรย์ด้วย

ตัวอย่างต่อไปนี้มีสอง DIV คุณสามารถเข้าถึงได้ด้วย getElementsByTagName(div) ใช้ getElementsByTagName(div)[0] เพื่อเข้าถึง DIV แรก

getElementsByTagName(div)[1] เข้าถึง DIV ที่สอง

หากต้องการสรุป DOM มาตรฐาน ให้ลองใช้ getElementById() มาตรฐานเพื่อเข้าถึงองค์ประกอบเฉพาะ และใช้ getElementByTagName() มาตรฐานเพื่อเข้าถึงแท็ก อย่างไรก็ตาม IE ไม่รองรับ getElementsByName() ดังนั้นคุณควรหลีกเลี่ยงการใช้มัน

getElementsByName() แต่ getElementsByName() และ document.all[] ที่ไม่ได้มาตรฐานนั้นไม่มีประโยชน์ ไม่ว่าคุณจะใช้มันหรือไม่ก็ขึ้นอยู่กับเบราว์เซอร์ที่ผู้ใช้เว็บไซต์ใช้