---
title: "DOMRectList | JavaScript maps SDK"
description: "Documentation for MapTiler SDK"
---

# Interface DOMRectList

The **`DOMRectList`** interface represents a collection of DOMRect objects, typically used to hold the rectangles associated with a particular element, like bounding boxes returned by methods such as getClientRects(). It provides access to each rectangle in the list via its index, along with a length property that indicates the total number of rectangles in the list.

[MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectList)

interface DOMRectList {  
    [length](#length): number;  
    ["\[iterator\]"](#iterator-1)(): [ArrayIterator](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ArrayIterator/)<[DOMRect](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DOMRect/)\>;  
    [item](#item-1)(index: number): [DOMRect](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DOMRect/) | null;  
    \[index: number\]: [DOMRect](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DOMRect/);  
}

#### Indexable

-   \[index: number\]: [DOMRect](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DOMRect/)
    

##### Index

### Properties[](#properties)

[length](#length)

### Methods[](#methods)

[\[iterator\]](#iterator) [item](#item)

## Properties[](#properties-1)

### `Readonly`length[](#length)

length: number

The read-only **`length`** property of the DOMRectList interface returns the number of DOMRect objects in the list.

[MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectList/length)

## Methods[](#methods-1)

### \[iterator\][](#iterator)

-   "\[iterator\]"(): [ArrayIterator](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ArrayIterator/)<[DOMRect](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DOMRect/)\>[](#iterator-1)
    
    #### Returns [ArrayIterator](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ArrayIterator/)<[DOMRect](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DOMRect/)\>
    

### item[](#item)

-   item(index: number): [DOMRect](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DOMRect/) | null[](#item-1)
    
    The DOMRectList method **`item()`** returns the DOMRect at the specified index within the list, or null if the index is out of range.
    
    [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectList/item)
    
    #### Parameters
    
    -   index: number
    
    #### Returns [DOMRect](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DOMRect/) | null