DOMRectList: свойство length

Только для чтения length свойство интерфейса DOMRectList возвращает количество объектов DOMRect в списке.

Положительное целое число, представляющее количество объектов DOMRect в списке DOMRectList. Если в списке нет прямоугольников, то length равно 0.

В следующем примере мы получаем список прямоугольников для элемента <div> с помощью Element.getClientRects(). Затем мы отображаем количество прямоугольников в списке в другом элементе <div> на странице.

Сначала HTML:

<div id="box" style="width: 50px; height: 20px; border: 1px solid black;"></div>
<div id="output"></div>

Теперь JavaScript:

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

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

Вывод выглядит следующим образом: