Phương thức getElementsByTagName() của HTML DOM
Định nghĩa và cách sử dụng
Phương thức getElementsByTagName() có thể trả về bộ sưu tập các đối tượng có tên thẻ được chỉ định.
Cú pháp
document.getElementsByTagName(tagname)
Giải thích
Thứ tự của các phần tử được trả về bởi phương thức getElementsByTagName() là thứ tự chúng xuất hiện trong tài liệu.
Nếu chuỗi đặc biệt "*" được truyền vào phương thức getElementsByTagName(), nó sẽ trả về danh sách tất cả các phần tử trong tài liệu, thứ tự của các phần tử là thứ tự chúng xuất hiện trong tài liệu.
Cảnh báo và chú thích
Ghi chú：Chuỗi được truyền vào phương thức getElementsByTagName() có thể không phân biệt chữ hoa và chữ thường.
Mẫu
Ví dụ 1
<html>
<head>
<script type="text/javascript">
function getElements()
{
var x=document.getElementsByTagName("input");
alert(x.length);
}
</script>
</head>
<body>
<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<br />
<input type="button" onclick="getElements()"
value="How many input elements?" />
</body>
</html>
Ví dụ 2
Bạn có thể sử dụng phương pháp getElementsByTagName() để lấy danh sách các yếu tố HTML của bất kỳ loại nào. Ví dụ, mã dưới đây có thể lấy tất cả các bảng trong tài liệu:
var tables = document.getElementsByTagName("table");
alert ("This document contains " + tables.length + " tables");
Ví dụ 3
Nếu bạn rất hiểu cấu trúc tài liệu, bạn cũng có thể sử dụng phương pháp getElementsByTagName() để lấy một yếu tố cụ thể trong tài liệu. Ví dụ, mã dưới đây có thể lấy đoạn văn bản thứ tư trong tài liệu:
var myParagragh = document.getElementsByTagName("p")[3];
Nhưng, chúng tôi vẫn nghĩ rằng, nếu bạn cần thao tác với một yếu tố cụ thể, việc sử dụng phương pháp getElementById() sẽ hiệu quả hơn.
