วิธี getElementsByName() ของ HTML DOM Document

คำนำทางและการใช้งาน

getElementsByName() วิธีที่แสดงให้เห็นแบบสันนิษฐาน สำหรับเลือกชุดตัวแทนที่มีชื่อที่กำหนด

getElementsByName() วิธีที่แสดงให้เห็นแบบสันนิษฐาน NodeList.

NodeList

NodeList เป็นชุดของตัวแทนที่เหมือนตัวแปรนิ้วที่เรียกว่าลิสต์ (array)

สามารถเข้าถึงตัวแทนในลิสต์ผ่านด้วยตัวดัชนี ตัวดัชนีเริ่มต้นที่ 0

length มีจำนวนตัวเลขของตัวแทนลิสต์ในรายการผลลัพธ์ของคุณ

อ่านเพิ่มเติม:

เมธอด getElementById()

เมธอด getElementsByTagName()

เมธอด getElementsByClassName()

เมธอด querySelector()

เมธอด querySelectorAll()

คู่มือ NodeList

ตัวอย่าง

ตัวอย่าง 1

เอาทั้งหมดอิเลเมนต์ที่มีชื่อว่า "fname"

let elements = document.getElementsByName("fname");

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

ตัวอย่าง 2

กลับค่าจำนวนของอิเลเมนต์ที่มี name="animal"

let num = document.getElementsByName("animal").length;

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

ตัวอย่าง 3

ตรวจสอบทั้งหมดอิเลเมนต์ที่มี type="checkbox" และชื่อว่า "animal" ใน <input>

const collection = document.getElementsByName("animal");
for (let i = 0; i < collection.length; i++) {
  if (collection[i].type == "checkbox") {
    collection[i].checked = true;
  }
}

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

รูปแบบ

document.getElementsByName(name)

ประกาศ

ประกาศ การอธิบาย
name ค่าของอัตรายะที่มีชื่อ

ต้องมี

การกลับค่า การอธิบาย
ตัวแทน

ตัวแทน NodeList

ชุดของอิเลเมนต์ที่มีชื่อที่กำหนด

เรียงตามลำดับที่อิเลเมนต์ปรากฏในเอกสาร

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

document.getElementsByName() เป็นคุณสมบัติของ DOM Level 1 (1998)

ทุกบราวเซอร์ทุกครั้งสนับสนุนมัน:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
สนับสนุน 9-11 สนับสนุน สนับสนุน สนับสนุน สนับสนุน