DOMRectList: thuộc tính length

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

Thuộc tính chỉ đọc length của giao diện DOMRectList trả về số lượng đối tượng DOMRect trong danh sách.

Giá trị

Một số nguyên dương đại diện cho số lượng đối tượng DOMRect trong DOMRectList. Nếu không có hình chữ nhật nào trong danh sách, length là 0.

Trong ví dụ sau, chúng ta lấy danh sách các hình chữ nhật cho một phần tử <div> bằng cách sử dụng Element.getClientRects(). Sau đó chúng ta hiển thị số lượng hình chữ nhật trong danh sách trong một phần tử <div> khác trên trang.

Đầu tiên, HTML:

html

<div id="box"></div>
<div id="output"></div>

css

#box {
  width: 50px;
  height: 20px;
  border: 1px solid black;
}

Bây giờ là JavaScript:

const box = document.getElementById("box");
const rects = box.getClientRects();
const output = document.getElementById("output");

output.textContent = `Number of rectangles: ${rects.length}`;

Kết quả trông như thế này: