Bộ sưu tập HTML DOM embeds

Bộ sưu tập embeds trong HTML DOM được sử dụng để trả về số lượng đối tượng <embed> có mặt trong tài liệu HTML. Các phần tử trong bộ sưu tập được sắp xếp theo cùng thứ tự xuất hiện trong tài liệu.

Thuộc tính

Dưới đây là thuộc tính của bộ sưu tập embeds:

Thuộc tính	Mô tả
length	Trả về số lượng phần tử `<embed>` trong bộ sưu tập. Thuộc tính này chỉ đọc (read-only), không thể thay đổi giá trị.

Phương thức

Dưới đây là các phương thức của bộ sưu tập embeds:

Phương thức	Mô tả
[index]	Trả về phần tử `<embed>` tại vị trí index trong bộ sưu tập. Chỉ số bắt đầu từ 0. Trả về `null` nếu index vượt quá phạm vi.
item(index)	Trả về phần tử `<embed>` tại vị trí index. Chỉ số bắt đầu từ 0. Trả về `null` nếu index vượt quá phạm vi.
namedItem(name)	Trả về phần tử `<embed>` có thuộc tính `id` hoặc `name` khớp với giá trị name được cung cấp. Trả về `null` nếu không tìm thấy.

Cú pháp

document.embeds

Ví dụ

Ví dụ dưới đây minh họa cách sử dụng bộ sưu tập HTML DOM embeds:

<!DOCTYPE html>
<html>
<head>
<style>
  .EMB {
    width: 200px;
    height: 200px;
    border: 4px solid blue;
  }
</style>
</head>
<body>
<h1>Ví dụ bộ sưu tập embeds</h1>
<p>Nhấn nút bên dưới để lấy số lượng phần tử embed trong tài liệu này.</p>
<embed class="EMB" src="Text-collection.pdf">
<embed class="EMB" src="Text-collection.pdf">
<br><br>
<button onclick="embedsNo()">LẤY SỐ LƯỢNG</button>
<p id="Sample"></p>
<script>
  function embedsNo() {
    var e = document.embeds.length;
    document.getElementById("Sample").innerHTML = "Số lượng phần tử embed trong tài liệu này là: " + e;
  }
</script>
</body>
</html>

Kết quả

Khi tải trang, giao diện hiển thị hai khung embed có viền xanh và nút "LẤY SỐ LƯỢNG".

Sau khi nhấn nút "LẤY SỐ LƯỢNG", đoạn văn có id "Sample" sẽ hiển thị: "Số lượng phần tử embed trong tài liệu này là: 2".

Giải thích

Hai phần tử <embed> được tạo với class CSS chung là "EMB" để áp dụng kiểu dáng.
Nút bấm gọi hàm embedsNo() khi được nhấn.
Hàm embedsNo() truy xuất thuộc tính document.embeds.length (trả về 2) và hiển thị kết quả qua innerHTML của phần tử <p id="Sample">.