Document: phương thức getElementsByName()
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2018.
Phương thức getElementsByName() của đối tượng Document trả về một bộ sưu tập NodeList gồm các phần tử có thuộc tính name đã cho trong tài liệu.
Cú pháp
js
getElementsByName(name)
Tham số
name-
Giá trị của thuộc tính
namecủa (các) phần tử chúng ta đang tìm.
Giá trị trả về
Một bộ sưu tập NodeList trực tiếp, nghĩa là nó tự động cập nhật khi các phần tử mới có cùng name được thêm vào hoặc xóa khỏi tài liệu.
Ví dụ
html
<!doctype html>
<html lang="vi">
<head>
<title>Ví dụ: sử dụng document.getElementsByName</title>
</head>
<body>
<input type="hidden" name="up" />
<input type="hidden" name="down" />
</body>
</html>
js
const upNames = document.getElementsByName("up");
console.log(upNames[0].tagName); // hiển thị "INPUT"
Ghi chú
Thuộc tính name chỉ có thể được áp dụng trong tài liệu (X)HTML.
Bộ sưu tập NodeList trả về chứa tất cả các phần tử có name đã cho, chẳng hạn như <meta>, <object>, và thậm chí các phần tử không hỗ trợ thuộc tính name.
Đặc tả kỹ thuật
| Specification |
|---|
| HTML # dom-document-getelementsbyname-dev |
Tương thích trình duyệt
Xem thêm
document.getElementById()để trả về tham chiếu đến một phần tử theoidduy nhất của nódocument.getElementsByTagName()để trả về tham chiếu đến các phần tử có cùng tên thẻdocument.querySelector()để trả về tham chiếu đến các phần tử qua bộ chọn CSS như'div.myclass'