ตัวอย่าง
รับองค์ประกอบทั้งหมดที่มีชื่อที่ระบุ:
var x =
document.getElementsByName("fname");
ลองตัวเอง» เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง
ความหมายและการใช้งาน
getElementsByName() วิธีการส่งกลับคอลเลกชันขององค์ประกอบทั้งหมดในเอกสารที่มีชื่อระบุ (the value of the name attribute) เป็นวัตถุ NodeList
วัตถุ NodeList หมายถึงคอลเลกชันของโหนด โหนดสามารถเข้าถึงได้โดยตัวเลขดัชนี ดัชนีเริ่มต้นที่ 0
เคล็ดลับ: คุณสามารถใช้ ระยะเวลาใน คุณสมบัติของวัตถุ NodeList เพื่อตรวจสอบจำนวนขององค์ประกอบที่มีชื่อระบุไว้แล้วคุณสามารถห่วงผ่านองค์ประกอบทั้งหมดและสารสกัดจากข้อมูลที่คุณต้องการ
หมายเหตุ: ใน HTML5 ที่ "name" แอตทริบิวต์จะเลิกและได้รับการแทนที่ด้วย "id" แอตทริบิวต์สำหรับหลายองค์ประกอบ ใช้ เอกสาร getElementById() วิธีการที่มันมีความเหมาะสม นอกจากนี้ยังมองไปที่ getElementsByClassName() และ getElementsByTagName() วิธีการ
สนับสนุนเบราว์เซอร์
| วิธี | |||||
|---|---|---|---|---|---|
| getElementsByName() | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
วากยสัมพันธ์
document.getElementsByName( ค่าพารามิเตอร์ พารามิเตอร์ ชนิด ลักษณะ name String จำเป็นต้องใช้ name ค่าแอตทริบิวต์ขององค์ประกอบที่คุณต้องการเข้าถึง / จัดการ
รายละเอียดทางเทคนิค
DOM เวอร์ชัน: ระดับแกนวัตถุ 1 เอกสาร กลับค่า: วัตถุ NodeList คิดเป็นคอลเลกชันขององค์ประกอบที่มีชื่อระบุ องค์ประกอบในการเก็บกลับจะถูกเรียงลำดับตามที่ปรากฏในรหัสที่มา
ตัวอย่างอื่น ๆ
ตัวอย่าง
หาวิธีหลายองค์ประกอบที่มีอยู่ในเอกสารที่มีแอตทริบิวต์ชื่อที่มีค่า "animal" (โดยใช้ระยะเวลาในคุณสมบัติของวัตถุ NodeList) ที่:
var x =
document.getElementsByName("animal").length; ลองตัวเอง»
ตัวอย่าง
ตรวจสอบทั้งหมด <input> องค์ประกอบที่มีประเภท = "ช่องทำเครื่องหมาย" ในเอกสารที่มีแอตทริบิวต์ชื่อที่มีค่า "animal" :
var x = document.getElementsByName("animal");
var i;
for (i = 0; i <
x.length; i++) {
if (x[i].type == "checkbox") {
x[i].checked = true;
}
} ลองตัวเอง»
<วัตถุเอกสาร