# tinymce.dom.Element

Namespace | tinymce.dom
Class | Element

Element class, this enables element blocking in IE. Element blocking is a method to block out select blockes that gets visible though DIVs on IE 6 it uses a iframe for this blocking. This class also shortens the length of some DOM API calls since it's bound to an element.

#### Example

## Public Methods

Method | Defined By
--- | ---
Element(id:String, settings:Object) Constructs a new Element instance. | Element
getSize():Object Returns the size of the element by a object with w and h fields. | Element
getXY():Object Returns the absolute X, Y cordinate of the element. | Element
moveBy(x:Number, y:Number):void Moves the element relative to the current position. | Element
moveTo(x:Number, y:Number):void Moves the element to a specific absolute position. | Element
on(n:String, f:function, s:Object):function Adds a event handler to the element. | Element
resizeBy(w:Number, h:Numner):void Resizes the element relative to the current sizeto a specific size. | Element
resizeTo(w:Number, h:Numner):void Resizes the element to a specific size. | Element
update(k:String):void Updates the element blocker in IE6 based on the style information of the element. | Element

## Method details

### Elementconstructor

`public function Element(id:String, settings:Object)`
Constructs a new Element instance. Consult the Wiki for more details on this class.

#### Parameters

id:String | Element ID to bind/execute methods on.
settings:Object | Optional settings name/value collection.

### getSizemethod

`public function getSize():Object`
Returns the size of the element by a object with w and h fields.

#### Returns

Object - Object with element size with a w and h field.

### getXYmethod

`public function getXY():Object`
Returns the absolute X, Y cordinate of the element.

#### Returns

Object - Objext with x, y cordinate fields.

### moveBymethod

`public function moveBy(x:Number, y:Number):void`
Moves the element relative to the current position.

#### Parameters

x:Number | Relative X cordinate of element position.
y:Number | Relative Y cordinate of element position.

### moveTomethod

`public function moveTo(x:Number, y:Number):void`
Moves the element to a specific absolute position.

#### Parameters

x:Number | X cordinate of element position.
y:Number | Y cordinate of element position.

### onmethod

`public function on(n:String, f:function, s:Object):function`
Adds a event handler to the element.

#### Parameters

n:String | Event name like for example "click".
f:function | Function to execute on the specified event.
s:Object | Optional scope to execute function on.

#### Returns

function - Event handler function the same as the input function.

### resizeBymethod

`public function resizeBy(w:Number, h:Numner):void`
Resizes the element relative to the current sizeto a specific size.

#### Parameters

w:Number | Relative width of element.
h:Numner | Relative height of element.

### resizeTomethod

`public function resizeTo(w:Number, h:Numner):void`
Resizes the element to a specific size.

#### Parameters

w:Number | New width of element.
h:Numner | New height of element.

### updatemethod

`public function update(k:String):void`
Updates the element blocker in IE6 based on the style information of the element.

#### Parameters

k:String | Optional function key. Used internally.