Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.
Range: getClientRects()-Methode
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.
Die Range.getClientRects()-Methode gibt eine Liste von DOMRect-Objekten zurück, die den Bereich des Bildschirms darstellen, der vom Range eingenommen wird. Dies wird durch das Aggregieren der Ergebnisse von Aufrufen an Element.getClientRects() für alle Elemente im Range erstellt.
Syntax
js
getClientRects()
Parameter
Keine.
Rückgabewert
Eine iterierbare Sequenz von DOMRect-Objekten.
Beispiele
Protokollierung der Größen von ausgewählten Client-Rechtecken
HTML
html
<div></div>
<pre id="output"></pre>
CSS
css
div {
height: 80px;
width: 200px;
background-color: blue;
}
JavaScript
js
const range = document.createRange();
range.selectNode(document.querySelector("div"));
rectList = range.getClientRects();
const output = document.querySelector("#output");
for (const rect of rectList) {
output.textContent = `${output.textContent}\n${rect.width}:${rect.height}`;
}
Ergebnis
[フレーム]
Spezifikationen
| Spezifikation |
|---|
| CSSOM View Module # dom-range-getclientrects |
Browser-Kompatibilität
JavaScript aktivieren, um diese Browser-Kompatibilitätstabelle anzuzeigen.