Phương thức HTML DOM getElementById()

Định nghĩa và cách sử dụng

Phương thức getElementById() có thể trả về tham chiếu đến đối tượng đầu tiên có ID được chỉ định.

Ngữ pháp

document.getElementById(id)

Giải thích

HTML DOM định nghĩa nhiều phương pháp để tìm kiếm yếu tố, ngoài getElementById() ra, còn có getElementsByName() và getElementsByTagName().

Tuy nhiên, nếu bạn cần tìm kiếm một yếu tố cụ thể trong tài liệu, phương pháp hiệu quả nhất là sử dụng getElementById().

Khi thao tác với một yếu tố cụ thể của tài liệu, tốt nhất là bạn nên cung cấp cho yếu tố đó một thuộc tính id, chỉ định một tên duy nhất (trong tài liệu), sau đó bạn có thể tìm kiếm yếu tố đó bằng ID.

Mẫu

Ví dụ 1

<html>
<head>
<script type="text/javascript">
function getValue()
  {
  var x=document.getElementById("myHeader")
  alert(x.innerHTML)
  }
</script>
</head>
</body>
<h1 id="myHeader" onclick="getValue()">This is a header</h1>
<p>Click vào tiêu đề để thông báo giá trị của nó</p>
</body>
</html>

Ví dụ 2

getElementById() là một phương pháp quan trọng, trong thiết kế chương trình DOM, việc sử dụng của nó rất phổ biến. Chúng tôi đã định nghĩa một hàm công cụ để bạn có thể sử dụng phương pháp getElementById() với một tên ngắn hơn:

function id(x) {
  if (typeof x == "string") return document.getElementById(x);
  return x;
  }

Hàm này nhận ID của phần tử làm tham số. Đối với mỗi tham số như vậy, bạn chỉ cần viết x = id(x) trước khi sử dụng.

TIY

Sử dụng getElementById()