Phương thức getElementsByName() của Document HTML DOM

Định nghĩa và cách sử dụng

getElementsByName() Phương thức trả về tập hợp các phần tử có tên cụ thể.

getElementsByName() Phương thức trả về thời gian thực. NodeList.

NodeList

NodeList Là tập hợp các nút tương tự như mảng (danh sách).

Có thể truy cập các nút trong danh sách bằng cách sử dụng chỉ số. Chỉ số bắt đầu từ 0.

length Trả về số lượng nút trong danh sách các thuộc tính.

Xin xem thêm:

Phương thức getElementById()

Phương thức getElementsByTagName()

Phương thức getElementsByClassName()

Phương thức querySelector()

Phương thức querySelectorAll()

Sách tham khảo NodeList

Mẫu

Ví dụ 1

Lấy tất cả các phần tử với tên là "fname":

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

Thử ngay

Ví dụ 2

Trả về số lượng phần tử với name="animal":

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

Thử ngay

Ví dụ 3

Kiểm tra tất cả các phần tử <input> với type="checkbox" và tên là "animal":

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

Thử ngay

Cú pháp

document.getElementsByName(name)

Tham số

Tham số Mô tả
name Bắt buộc. Giá trị của thuộc tính name của phần tử.

Giá trị trả về

Loại Mô tả
Đối tượng

Đối tượng NodeList.

Lập tập hợp các phần tử có tên xác định.

Sắp xếp theo thứ tự xuất hiện của phần tử trong tài liệu.

Hỗ trợ trình duyệt

document.getElementsByName() Là tính năng của DOM Level 1 (1998).

Tất cả các trình duyệt đều hỗ trợ nó:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Hỗ trợ 9-11 Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ