Range: getClientRects()-Methode
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
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
Specification |
---|
CSSOM View Module # dom-range-getclientrects |
Browser-Kompatibilität
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
getClientRects |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.