Document.getElementById() trong JavaScript
Phương thức Document.getElementById() trong JavaScript là gì? Cú pháp như thế nào? Mời bạn đọc cùng eLib.VN tìm hiểu rõ hơn về Document.getElementById() trong JavaScript qua bài viết dưới đây.
Mục lục nội dung
1. Phương thức getElementById
Phương thức getElementById 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ề null 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.
2. Cú pháp
var element = document.getElementById(elementID)
Tham số:
elementID 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 Element được mô tả trong đối tượng DOM khớp với elementID, hoặc null nếu không tìm thấy phần tử nào phù hợp.
3. Ví dụ
Lấy phần tử có id=“demo” và thay đổi màu của nó:
var x = document.getElementById("demo"); // Get the element with id="demo"
x.style.color = "red"; // Change the color of the element
HTML
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>getElementById example - daipho.com</title>
</head>
<body>
<p id="para">Some text here</p>
<button onclick="changeColor('blue');">blue</button>
<button onclick="changeColor('red');">red</button>
</body>
</html>
JavaScript
function changeColor(newColor) {
var elem = document.getElementById('para');
elem.style.color = newColor;
}
Kết quả
Some text here
Trên đây là bài viết của eLib.VN về Document.getElementById() trong JavaScript. Hy vọng bài viết hữu ích cho bạn đọc.
Tham khảo thêm
- doc Đối tượng Document trong JavaScript
- doc Document.getElementsByName() trong JavaScript
- doc Document.getElementsByTagName() trong JavaScript
- doc Thuộc tính innerHTML trong JavaScript
- doc Thuộc tính innerText trong JavaScript