WinnetouJs Methods

---

∯ Purpose

Provides a lot of methods and functions to make easier to work with DOM manipulation and constructos state management. Winnetou.js provides a simple and chainable API for manipulating elements in the DOM.

∯ Syntax

Winnetou.select(selectors:string).method([arguments])

Selectors

Selects elements in app. Use comma separated string.

Constructo id

Winnetou.select(myDiv.ids.div).hide()

Id

Winnetou.select(`#title`).hide()

Class

Winnetou.select(`.bright`).hide()

Tag

Winnetou.select(`div`).hide()

Mixed

Winnetou.select(`.bright, p, #${myDiv.ids.div}`).hide()

∯ Methods

remove

Removes element from DOM.

Syntax

.remove()

html

Inserts html on element. Overwrite its content.

Syntax

.html(content:string)

getHtml

Get first element html content.

Syntax

.getHtml()

getText

Get first element text content.

Syntax

.getText()

append

Appends content to element.

Syntax

.append(content:string)

prepend

Prepends content to element.

Syntax

.prepend(content:string)

css

Changes css of element.

Syntax

.css(property:string, value:string | number)

toggleClass

Toggles element class.

Syntax

.toggleClass(class_name:string)

addClass

Adds class to element.

Syntax

.addClass(class_name:string)

removeClass

Removes class from element.

Syntax

.removeClass(class_name:string)

hide

Hides element from DOM.

Syntax

.hide()

show

Shows element from DOM.

Syntax

.show()

getWidth

Gets width from first element.

Syntax

.getWidth()

Returns

Number

getHeight

Gets height from first element.

Syntax

.getHeight()

Returns

Number

getLeft

Gets left position of first element.

Syntax

.getLeft()

Returns

Number

getTop

Gets top of first element.

Syntax

.getTop()

Returns

Number

getGlobalPosition

Gets global position of element.

Syntax

.getGlobalPosition()

Returns

{bottom: Number,height: Number, left: Number, right: Number, top: Number, width: Number,x: Number, y: Number}

getVal

Gets value of first element.

Syntax

.getVal()

Returns

String

setVal

Set value of all elements.

Syntax

.setVal(value: String)

Behavior

Triggers onchange event

setAttr

Set value of attribute.

Syntax

.setAttr(attr: String, value: String)

getAttr

Gets attribute value of first element.

Syntax

.getAttr(attr: String)

Returns

String

isChecked

Checks if input type checkbox is checked.

Syntax

.isChecked()

Returns

Boolean

getFile

Gets first element first file.

Syntax

.getFile()

Returns

{ lastModified: Number, lastModifiedDate: Date, name: String, size: Number, type: String }

getFiles

Gets first element an array of files.

Syntax

.getFiles()

Returns

[{ lastModified: Number, lastModifiedDate: Date, name: String, size: Number, type: String }]

getScrollTop

Gets first element scrolltop value.

Syntax

.getScrollTop()

Returns

Number

disable

Disables first element.

Syntax

.disable()

enable

Enables first element.

Syntax

.enable()