DOMRectList: length-Eigenschaft

Ein positiver ganzzahliger Wert, der die Anzahl der DOMRect-Objekte in der DOMRectList darstellt. Wenn keine Rechtecke in der Liste vorhanden sind, ist length 0.

Im folgenden Beispiel rufen wir die Liste der Rechtecke für ein <div>-Element mithilfe von Element.getClientRects() ab. Wir zeigen dann die Anzahl der Rechtecke in der Liste innerhalb eines anderen <div>-Elements auf der Seite an.

Zuerst das HTML:

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

Nun das JavaScript:

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

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

Das Ausgabeergebnis sieht so aus: