Tài liệu HTML DOM getElementById()
Ví dụ
Lấy phần tử có id được chỉ định:
document.getElementById("demo");
Hãy tự mình thử »Lấy phần tử và thay đổi màu của nó:
const myElement = document.getElementById("demo");
myElement.style.color = "red";
Hãy tự mình thử »Hoặc chỉ thay đổi màu sắc của nó:
document.getElementById("demo").style.color = "red";
Hãy tự mình thử »Sự miêu tả
Phương thức getElementById()
trả về một phần tử có giá trị được chỉ định.
Phương thức getElementById()
trả về null
nếu phần tử không tồn tại.
Phương thức getElementById()
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()
sẽ trả về phần tử đầu tiên.
Xem thêm:
Phương thức getElementsByTagName()
Cú pháp
document.getElementById( elementID )
Thông số
Parameter | Description |
id | Required. The id value of an element. |
Giá trị trả về
Kiểu | 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 chiếu CSS: Bộ chọn CSS #id
Tham khảo HTML DOM: Thuộc tính id HTML DOM
Tham khảo HTML DOM: Đối tượng kiểu HTML DOM
Hỗ trợ trình duyệt
document.getElementById()
là tính năng DOM Cấp 2 (2001).
Nó được hỗ trợ đầy đủ trong tất cả các trình duyệt:
Chrome | Edge | Firefox | Safari | Opera | IE |
Yes | Yes | Yes | Yes | Yes | 9-11 |