Tài liệu HTML DOM getElementById ()
Thí dụ
Nhận phần tử với id được chỉ định:
document.getElementById("demo");
Lấy phần tử và thay đổi màu của nó:
const myElement = document.getElementById("demo");
myElement.style.color = "red";
Hoặc chỉ cần thay đổi màu sắc của nó:
document.getElementById("demo").style.color = "red";
Định nghĩa và Cách sử dụng
Phương getElementById()
thức trả về một phần tử có giá trị được chỉ định.
Phương getElementById()
thức trả về null
nếu phần tử không tồn tại.
Phương getElementById()
thức này là một trong những phương thức phổ biến nhất trong HTML DOM. Nó được sử dụng hầu như mỗi khi bạn muốn đọc hoặc chỉnh sửa một phần tử HTML.
Ghi chú
Bất kỳ id nào cũng phải là duy nhất, nhưng:
Nếu tồn tại hai hoặc nhiều phần tử có cùng id , getElementById()
trả về phần tử đầu tiên.
Xem thêm:
Phương thức tài liệu getElementsByTagName ()
Phương thức tài liệu getElementsByClassName ()
Cú pháp
document.getElementById(elementID)
Thông số
Parameter | Description |
id | Required. The id value of an element. |
Giá trị trả lại
Loại | Sự miêu tả |
Sự vật | Phần tử có id được chỉ định. null nếu phần tử không tồn tại. |
Các trang liên quan:
Hướng dẫn CSS: Cú pháp CSS
Tham khảo CSS: Bộ chọn CSS #id
Tham chiếu DOM HTML: Thuộc tính id DOM HTML
Tham chiếu DOM HTML: Đối tượng kiểu HTML DOM
Hỗ trợ trình duyệt
document.getElementById()
là một tính năng DOM Mức 2 (2001).
Nó được hỗ trợ đầy đủ trong tất cả các trình duyệt:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |