---
title: Namespace: Dom
source: https://vjmap.com/doc/Namespace_Dom.html
---

# Namespace: Dom

### Table of contents

#### Type aliases

- [Anchor](#anchor)

#### Variables

- [anchorTranslate](#anchortranslate)

#### Functions

- [addClass](#addclass)
- [addEventListener](#addeventlistener)
- [create](#create)
- [createNS](#createns)
- [disableDrag](#disabledrag)
- [enableDrag](#enabledrag)
- [getClass](#getclass)
- [hasClass](#hasclass)
- [mouseButton](#mousebutton)
- [mousePos](#mousepos)
- [remove](#remove)
- [removeClass](#removeclass)
- [removeEventListener](#removeeventlistener)
- [setClass](#setclass)
- [setTransform](#settransform)
- [suppressClick](#suppressclick)
- [touchPos](#touchpos)

### Type aliases

#### Anchor

Ƭ **Anchor**: ``"center"`` \| ``"top"`` \| ``"bottom"`` \| ``"left"`` \| ``"right"`` \| ``"top-left"`` \| ``"top-right"`` \| ``"bottom-left"`` \| ``"bottom-right"``

### Variables

#### anchorTranslate

• `Const` **anchorTranslate**: *Record*<[*Anchor*](#anchor), string\>

### Functions

#### addClass

▸ **addClass**(`el`: HTMLElement, `name`: *string*): *void*

##### Parameters

| Name | Type |
| :------ | :------ |
| `el` | HTMLElement |
| `name` | *string* |

**Returns:** *void*

___

#### addEventListener

▸ **addEventListener**(`target`: *any*, `type`: *any*, `callback`: *any*, `options?`: { `capture?`: *boolean* ; `passive?`: *boolean*  }): *void*

##### Parameters

| Name | Type | Default value |
| :------ | :------ | :------ |
| `target` | *any* | - |
| `type` | *any* | - |
| `callback` | *any* | - |
| `options` | *object* | {} |
| `options.capture?` | *boolean* | - |
| `options.passive?` | *boolean* | - |

**Returns:** *void*

___

#### create

▸ **create**(`tagName`: *string*, `className?`: *string*, `container?`: HTMLElement): HTMLElement

##### Parameters

| Name | Type |
| :------ | :------ |
| `tagName` | *string* |
| `className?` | *string* |
| `container?` | HTMLElement |

**Returns:** HTMLElement

___

#### createNS

▸ **createNS**(`namespaceURI`: *string*, `tagName`: *string*): Element

##### Parameters

| Name | Type |
| :------ | :------ |
| `namespaceURI` | *string* |
| `tagName` | *string* |

**Returns:** Element

___

#### disableDrag

▸ **disableDrag**(): *void*

**Returns:** *void*

___

#### enableDrag

▸ **enableDrag**(): *void*

**Returns:** *void*

___

#### getClass

▸ **getClass**(`el`: HTMLElement): *any*

##### Parameters

| Name | Type |
| :------ | :------ |
| `el` | HTMLElement |

**Returns:** *any*

___

#### hasClass

▸ **hasClass**(`el`: HTMLElement, `name`: *string*): *boolean*

##### Parameters

| Name | Type |
| :------ | :------ |
| `el` | HTMLElement |
| `name` | *string* |

**Returns:** *boolean*

___

#### mouseButton

▸ **mouseButton**(`e`: MouseEvent): *number*

##### Parameters

| Name | Type |
| :------ | :------ |
| `e` | MouseEvent |

**Returns:** *number*

___

#### mousePos

▸ **mousePos**(`el`: HTMLElement, `e`: MouseEvent \| WheelEvent): [*GeoPoint*](#classesdefaultgeopointmd)

##### Parameters

| Name | Type |
| :------ | :------ |
| `el` | HTMLElement |
| `e` | MouseEvent \| WheelEvent |

**Returns:** [*GeoPoint*](#classesdefaultgeopointmd)

___

#### remove

▸ **remove**(`node`: HTMLElement): *void*

##### Parameters

| Name | Type |
| :------ | :------ |
| `node` | HTMLElement |

**Returns:** *void*

___

#### removeClass

▸ **removeClass**(`el`: HTMLElement, `name`: *string*): *void*

##### Parameters

| Name | Type |
| :------ | :------ |
| `el` | HTMLElement |
| `name` | *string* |

**Returns:** *void*

___

#### removeEventListener

▸ **removeEventListener**(`target`: *any*, `type`: *any*, `callback`: *any*, `options?`: { `capture?`: *boolean* ; `passive?`: *boolean*  }): *void*

##### Parameters

| Name | Type | Default value |
| :------ | :------ | :------ |
| `target` | *any* | - |
| `type` | *any* | - |
| `callback` | *any* | - |
| `options` | *object* | {} |
| `options.capture?` | *boolean* | - |
| `options.passive?` | *boolean* | - |

**Returns:** *void*

___

#### setClass

▸ **setClass**(`el`: HTMLElement, `name`: *string*): *void*

##### Parameters

| Name | Type |
| :------ | :------ |
| `el` | HTMLElement |
| `name` | *string* |

**Returns:** *void*

___

#### setTransform

▸ **setTransform**(`el`: HTMLElement, `value`: *string*): *void*

##### Parameters

| Name | Type |
| :------ | :------ |
| `el` | HTMLElement |
| `value` | *string* |

**Returns:** *void*

___

#### suppressClick

▸ **suppressClick**(): *void*

**Returns:** *void*

___

#### touchPos

▸ **touchPos**(`el`: HTMLElement, `touches`: TouchList): [*GeoPoint*](#classesdefaultgeopointmd)[]

##### Parameters

| Name | Type |
| :------ | :------ |
| `el` | HTMLElement |
| `touches` | TouchList |

**Returns:** [*GeoPoint*](#classesdefaultgeopointmd)[]


<a name="modulesmat2md"></a>

[vjmap](#readmemd) / [Exports](#modulesmd) / mat2