Thí dụ
Nhận phần tử với ID được chỉ định:
document.getEuityById ["demo"];
Hãy tự mình thử »
Nhận phần tử và thay đổi màu sắc của nó:
const myelement = document.getEuityById ["demo"]; myelement.style.color = "màu đỏ";
myElement.style.color = "red";
Hãy tự mình thử »
Nhận phần tử và thay đổi màu sắc của nó:
const myelement = document.getEuityById ["demo"]; myelement.style.color = "màu đỏ";
Hãy tự mình thử »
Nhận phần tử và thay đổi màu sắc của nó:
const myelement = document.getEuityById ["demo"]; myelement.style.color = "màu đỏ";
Hoặc chỉ thay đổi màu sắc của nó:
document.getEuityById ["demo"]. style.color = "red";
Định nghĩa và cách sử dụng
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 pháp getElementById[] là một trong những phương pháp phổ biến nhất trong HTML DOM. Nó được sử dụng gần như mỗi khi bạn muốn đọc hoặc chỉnh sửa phần tử HTML. | Cú pháp |
document.getEuityByID [ElementID] | Thông số The id value of an element. |
Tham số
Sự mô tả | Cú pháp |
document.getEuityByID [ElementID] | Thông sốnull if the element does not exist.
|
Tham số
Sự mô tả
Tôi
Yêu cầu. Giá trị ID của một phần tử. | Giá trị trả về | Loại hình | Sự vật | Phần tử với ID được chỉ định. null nếu phần tử không tồn tại. | 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: | document.getElementById[] là tính năng DOM Cấp 2 [2001]. | document.getElementById[] là tính năng DOM Cấp 2 [2001]. | document.getElementById[] là tính năng DOM Cấp 2 [2001]. | document.getElementById[] là tính năng DOM Cấp 2 [2001]. |
Tóm tắt: Trong hướng dẫn này, bạn sẽ tìm hiểu cách sử dụng JavaScript getElementById[]
để chọn một phần tử bằng ID được chỉ định.: in this tutorial, you will learn how to use the JavaScript getElementById[]
to select an element by a specified id.
Giới thiệu về phương thức getEuityid [] JavaScript
Phương thức document.getElementById[]
trả về một đối tượng
2 đại diện cho phần tử HTML với ID khớp với một chuỗi được chỉ định.Code language: HTML, XML [xml]
JavaScript getElementById[] Method A paragraph
Nếu tài liệu không có phần tử với ID được chỉ định, document.getElementById[]
sẽ trả về null
.
Vì ID của một phần tử là duy nhất trong tài liệu HTML, document.getElementById[]
là một cách nhanh chóng để truy cập một phần tử.
Không giống như phương thức
6,
JavaScript getElementById[] Method A paragraph
Code language: HTML, XML [xml]
getElementById[]
chỉ có sẵn trên đối tượng 8 chứ không phải các yếu tố khác.Code language: HTML, XML [xml]
JavaScript getElementById[] Method A paragraph
Sau đây cho thấy cú pháp của phương thức getElementById[]
:
Code language: JavaScript [javascript]
const element = document.getElementById[id];
Trong cú pháp này, ID là một chuỗi đại diện cho ID của phần tử để chọn. ID nhạy cảm trường hợp. Ví dụ,
0 vàCode language: JavaScript [javascript]
const p = document.getElementById['message']; console.log[p];
1 hoàn toàn khác nhau.Code language: JavaScript [javascript]
const p = document.getElementById['message']; console.log[p];
2 là duy nhất trong tài liệu HTML. Tuy nhiên, HTML là một ngôn ngữ tha thứ. Nếu tài liệu HTML có nhiều phần tử có cùng ID, phương thứcCode language: JavaScript [javascript]
const p = document.getElementById['message']; console.log[p];
document.getElementById[]
sẽ trả về phần tử đầu tiên mà nó gặp.Ví dụ về phương thức getEuityBById [] JavaScript
Giả sử bạn có tài liệu HTML sau:
Code language: HTML, XML [xml]
JavaScript getElementById[] Method A paragraph
Tài liệu chứa phần tử
4 có thuộc tính
const p = document.getElementById['message']; console.log[p];
Code language: JavaScript [javascript]
2 với giá trịCode language: JavaScript [javascript]
const p = document.getElementById['message']; console.log[p];
6:Code language: JavaScript [javascript]
const p = document.getElementById['message']; console.log[p];
Code language: JavaScript [javascript]
const p = document.getElementById['message']; console.log[p];
Output:
Code language: HTML, XML [xml]
A paragraph
Sau khi chọn một phần tử, bạn có thể thêm các kiểu vào phần tử, thao tác các thuộc tính của nó và vượt qua các yếu tố cha mẹ và con cái.
Bản tóm tắt
document.getElementById[]
trả về một phần tử DOM được chỉ định bởi
2 hoặc
Code language: JavaScript [javascript]const p = document.getElementById['message']; console.log[p];
null
nếu không tìm thấy phần tử phù hợp.- Nếu nhiều phần tử có cùng
2, mặc dù nó không hợp lệ,
Code language: JavaScript [javascript]const p = document.getElementById['message']; console.log[p];
getElementById[]
sẽ trả về phần tử đầu tiên mà nó gặp phải.
Hướng dẫn này có hữu ích không?