Phương thức getElementById[]
sẽ trả về phần tử có thuộc tính ID
được cung cấp. Phương thức này là một trong số những phương thức phổ biến nhất của HTML DOM, nó được sử dụng rất thường xuyên để thao tác hoặc lấy thông tin của form
hoặc một phần tử bất kỳ.
Bài viết này được đăng tại freetuts.net, không được copy dưới mọi hình thức.freetuts.net, không được copy dưới mọi hình thức.
Phương thức sẽ trả về Null nếu không có phần tử nào có thuộc tính ID
được cung cấp.
Một ID
chỉ nên được sử dụng cho một phần tử, tuy nhiên nếu có nhiều phần tử cùng sử dụng một ID
, Phương thức sẽ trả về phần tử đầu tiên xuất hiện trên trang.
Cú pháp
Cú pháp: var element = document.getElementById[elementID]
2
var element = document.getElementById[elementID]2
Bài viết này được đăng tại [free tuts .net]
- elementID là ID của phần tử sẽ được tìm kiếm. là ID của phần tử sẽ được tìm kiếm.
Cách sử dụng
Định dạng màu chữ cho phần tử có
var element = document.getElementById[elementID]3:
Học lập trình miễn phí tại freetuts.net
Đây là thẻ có id="result"
Xem kết quả function myFunction[]{ document.getElementById["result"].style.color = "red"; document.getElementById["result"].style.fontSize = "20px"; document.getElementById["result"].style.fontWeight = "bold"; }
Tham khảo: w3schools.com
Phương thức
var element = document.getElementById[elementID]4 trả về phần tử có thuộc tính ID là giá trị được chỉ định.
Phương thức này là một trong những phương thức phổ biến nhất trong HTML DOM và được sử dụng gần như mọi lúc bạn muốn thao tác [hoặc lấy thông tin từ] một phần tử trên tài liệu của bạn.
Trả về
var element = document.getElementById[elementID]5 nếu không có phần tử nào có ID được chỉ định tồn tại.
ID phải là duy nhất trong một trang. Tuy nhiên, nếu có nhiều hơn một phần tử với ID được chỉ định tồn tại [trùng ID], phương thức getElementById[] trả về phần tử đầu tiên trong mã nguồn.
Cú pháp
var element = document.getElementById[elementID]
Cú pháp: var element = document.getElementById[elementID]
2
Bài viết này được đăng tại [free tuts .net]
elementID là ID của phần tử sẽ được tìm kiếm.
Cách sử dụng
Định dạng màu chữ cho phần tử có var element = document.getElementById[elementID]
3:
Tham khảo: w3schools.com
var x = document.getElementById["demo"]; // Get the element with id="demo" x.style.color = "red"; // Change the color of the element
Phương thức var element = document.getElementById[elementID]
4 trả về phần tử có thuộc tính ID là giá trị được chỉ định.
getElementById example - daipho.comSome text here
blue red
Phương thức này là một trong những phương thức phổ biến nhất trong HTML DOM và được sử dụng gần như mọi lúc bạn muốn thao tác [hoặc lấy thông tin từ] một phần tử trên tài liệu của bạn.
function changeColor[newColor] { var elem = document.getElementById['para']; elem.style.color = newColor; }
Trả về var element = document.getElementById[elementID]
5 nếu không có phần tử nào có ID được chỉ định tồn tại.
ID phải là duy nhất trong một trang. Tuy nhiên, nếu có nhiều hơn một phần tử với ID được chỉ định tồn tại [trùng ID], phương thức getElementById[] trả về phần tử đầu tiên trong mã nguồn.
Tham số:
var element = document.getElementById[elementID]6 là dạng chuỗi, giá trị của thuộc tính ID của phần tử bạn muốn nhận về | Giá trị trả lại: |
Một đối tượng var element = document.getElementById[elementID]7 được mô tả trong đối tượng DOM khớp với var element = document.getElementById[elementID]6, hoặc var element = document.getElementById[elementID]5 nếu không tìm thấy phần tử nào phù hợp. | 1 |
Ví dụ | Lấy phần tử có var x = document.getElementById["demo"]; // Get the element with id="demo" x.style.color = "red"; // Change the color of the element0 và thay đổi màu của nó: |
HTML | 1 |
JavaScript | 5.5 |
Kết quả | 7 |
Tính tương thích của trình duyệt web | 1 |
Trình duyệt trên máy tính
var element = document.getElementById[elementID]6 là dạng chuỗi, giá trị của thuộc tính ID của phần tử bạn muốn nhận về | Giá trị trả lại: |
Một đối tượng var element = document.getElementById[elementID]7 được mô tả trong đối tượng DOM khớp với var element = document.getElementById[elementID]6, hoặc var element = document.getElementById[elementID]5 nếu không tìm thấy phần tử nào phù hợp. | 1 |
Ví dụ | 1 |
Lấy phần tử có var x = document.getElementById["demo"]; // Get the element with id="demo" x.style.color = "red"; // Change the color of the element0 và thay đổi màu của nó: | Lấy phần tử có var x = document.getElementById["demo"]; // Get the element with id="demo" x.style.color = "red"; // Change the color of the element0 và thay đổi màu của nó: |
HTML | Lấy phần tử có var x = document.getElementById["demo"]; // Get the element with id="demo" x.style.color = "red"; // Change the color of the element0 và thay đổi màu của nó: |
Kết quả | 6 |
Tính tương thích của trình duyệt web | 1 |
Trình duyệt trên máy tính | Trình duyệt |
Phiên bản tương thích
- Chrome
- Edge
Phương thức getElementById[]
sẽ trả về phần tử có thuộc tính ID
được cung cấp. Phương thức này là một trong số những phương thức phổ biến nhất của HTML DOM, nó được sử dụng rất thường xuyên để thao tác hoặc lấy thông tin của form
hoặc một phần tử bất kỳ.
Bài viết này được đăng tại freetuts.net, không được copy dưới mọi hình thức.freetuts.net, không được copy dưới mọi hình thức.
Phương thức sẽ trả về Null nếu không có phần tử nào có thuộc tính ID
được cung cấp.
Một ID
chỉ nên được sử dụng cho một phần tử, tuy nhiên nếu có nhiều phần tử cùng sử dụng một ID
, Phương thức sẽ trả về phần tử đầu tiên xuất hiện trên trang.
Cú pháp
Cú pháp: var element = document.getElementById[elementID]
2
var element = document.getElementById[elementID]2
Bài viết này được đăng tại [free tuts .net]
- elementID là ID của phần tử sẽ được tìm kiếm. là ID của phần tử sẽ được tìm kiếm.
Cách sử dụng
Định dạng màu chữ cho phần tử có
var element = document.getElementById[elementID]3:
Học lập trình miễn phí tại freetuts.net
Đây là thẻ có id="result"
Xem kết quả function myFunction[]{ document.getElementById["result"].style.color = "red"; document.getElementById["result"].style.fontSize = "20px"; document.getElementById["result"].style.fontWeight = "bold"; }
Tham khảo: w3schools.com