- Source:
Classes
Methods
(inner) append(parent, …elements)
- Source:
Append node(s) to parent and dispatch an event
Parameters:
| Name | Type | Attributes | Description |
|---|---|---|---|
parent |
HTMLElement | Element | Node | parent element | |
elements |
HTMLElement | Element | Node |
<repeatable> |
appended children |
(inner) getAttributes(e) → {Object}
- Source:
Get all element attributes
Parameters:
| Name | Type | Description |
|---|---|---|
e |
HTMLElement | Element | Node | element |
Returns:
- Type
- Object
(inner) hasAttr(e, a, vopt) → {boolean}
- Source:
Parameters:
| Name | Type | Attributes | Description |
|---|---|---|---|
e |
HTMLElement | Element | Node | element | |
a |
String | attribute name | |
v |
String |
<optional> |
attribute value |
Returns:
- Type
- boolean
(inner) getAttr(e, a) → {string}
- Source:
Get element attribute
Parameters:
| Name | Type | Description |
|---|---|---|
e |
HTMLElement | Element | Node | element |
a |
String | attribute name |
Returns:
- attribute value
- Type
- string
(inner) setAttr(e, a, vopt)
- Source:
Set element attribute
Parameters:
| Name | Type | Attributes | Description |
|---|---|---|---|
e |
HTMLElement | Element | Node | element | |
a |
String | attribute name | |
v |
String |
<optional> |
attribute value |
(inner) attrs(e) → {dom.Attributes}
- Source:
Equivalent of `
new Attributes(e)`
Parameters:
| Name | Type | Description |
|---|---|---|
e |
HTMLElement | Element | Node | element |
Returns:
- Type
- dom.Attributes
(inner) cls(e) → {dom.Classes}
- Source:
Equivalent of `
new Classes(e)`
Parameters:
| Name | Type | Description |
|---|---|---|
e |
Returns:
- Type
- dom.Classes
(inner) addClass(e, …c)
- Source:
Add class(es)
cls(e).add()
Parameters:
| Name | Type | Attributes | Description |
|---|---|---|---|
e |
HTMLElement | Element | Node | element | |
c |
<repeatable> |
(inner) removeClass(e, …c)
- Source:
Remove class(es)
cls(e).remove()
Parameters:
| Name | Type | Attributes | Description |
|---|---|---|---|
e |
HTMLElement | Element | Node | element | |
c |
<repeatable> |
(inner) hasClass(e, …c)
- Source:
Has class(es)
cls(e).contains()
Parameters:
| Name | Type | Attributes | Description |
|---|---|---|---|
e |
HTMLElement | Element | Node | element | |
c |
<repeatable> |
(inner) toggleClass(e, …c)
- Source:
Toggle classes
cls(e).toggle()
Parameters:
| Name | Type | Attributes | Description |
|---|---|---|---|
e |
HTMLElement | Element | Node | element | |
c |
<repeatable> |
(inner) setEvent(target, event, listener, optionsopt, nullable)
- Source:
Set listener for event type(s) on element, removes identical event listeners to avoid duplication
Parameters:
| Name | Type | Attributes | Description |
|---|---|---|---|
target |
HTMLElement | Element | Node | target element | |
event |
String | Array | event type(s) | |
listener |
function | ||
options |
AddEventListenerOptions |
<optional> <nullable> |
(inner) clearEvent(target, event)
- Source:
Clear all event listeners of type from element
Parameters:
| Name | Type | Description |
|---|---|---|
target |
HTMLElement | Element | Node | target element |
event |
String | Array | event type(s) |
(inner) hasEvent(target, type) → {boolean}
- Source:
Target has event listener for event type
Parameters:
| Name | Type | Description |
|---|---|---|
target |
HTMLElement | Element | Node | target element |
type |
String | event type |
Returns:
- Type
- boolean
(inner) patch(node, object)
- Source:
Modify a DOM element/node
Parameters:
| Name | Type | Description |
|---|---|---|
node |
HTMLElement | Element | Node | DOM element/node |
object |
Object | patch data {atr: Attributes, cls: Classes, evt: Events} |
(inner) relLeft(e) → {number}
- Source:
Element's offsetLeft (relative)
Parameters:
| Name | Type | Description |
|---|---|---|
e |
HTMLElement | Element | Node |
Returns:
- Type
- number
(inner) absLeft(e) → {number}
- Source:
Element's clientLeft
Parameters:
| Name | Type | Description |
|---|---|---|
e |
HTMLElement | Element | Node |
Returns:
- Type
- number
(inner) relWidth(e) → {number}
- Source:
Element's offsetWidth
Parameters:
| Name | Type | Description |
|---|---|---|
e |
HTMLElement | Element | Node |
Returns:
- Type
- number
(inner) absWidth(e) → {number}
- Source:
Element's clientWidth
Parameters:
| Name | Type | Description |
|---|---|---|
e |
HTMLElement | Element | Node |
Returns:
- Type
- number
(inner) relRight(e) → {number}
- Source:
Element's offsetLeft + offsetWidth
Parameters:
| Name | Type | Description |
|---|---|---|
e |
HTMLElement | Element | Node |
Returns:
- Type
- number
(inner) absRight(e) → {number}
- Source:
Element's clientLeft + clientWidth
Parameters:
| Name | Type | Description |
|---|---|---|
e |
HTMLElement | Element | Node |
Returns:
- Type
- number
(inner) relTop(e) → {number}
- Source:
Element's offsetTop
Parameters:
| Name | Type | Description |
|---|---|---|
e |
HTMLElement | Element | Node |
Returns:
- Type
- number
(inner) absTop(e) → {number}
- Source:
Element's clientTop
Parameters:
| Name | Type | Description |
|---|---|---|
e |
HTMLElement | Element | Node |
Returns:
- Type
- number
(inner) relHeight(e) → {number}
- Source:
Element's offsetHeight
Parameters:
| Name | Type | Description |
|---|---|---|
e |
HTMLElement | Element | Node |
Returns:
- Type
- number
(inner) absHeight(e) → {number}
- Source:
Element's clientHeight
Parameters:
| Name | Type | Description |
|---|---|---|
e |
HTMLElement | Element | Node |
Returns:
- Type
- number
(inner) relBottom(e) → {number}
- Source:
Element's offsetTop + offsetHeight
Parameters:
| Name | Type | Description |
|---|---|---|
e |
HTMLElement | Element | Node |
Returns:
- Type
- number
(inner) absBottom(e) → {number}
- Source:
Element's clientTop + clientHeight
Parameters:
| Name | Type | Description |
|---|---|---|
e |
HTMLElement | Element | Node |
Returns:
- Type
- number
(inner) $(q, rootopt) → {Array}
- Source:
jQuery-like select "all" by query accepts element, nodes or query
Parameters:
| Name | Type | Attributes | Description |
|---|---|---|---|
q |
String | HTMLElement | Element | Node | HTMLCollection | NodeList | query string | |
root |
HTMLElement | Element | Node |
<optional> |
root which query is issued from |
Returns:
- Type
- Array
(inner) $$(q, rootopt) → {Array}
- Source:
jQuery-like select "one" by query accepts element, node or query
Parameters:
| Name | Type | Attributes | Description |
|---|---|---|---|
q |
String | HTMLElement | Element | Node | query string | |
root |
HTMLElement | Element | Node |
<optional> |
root which query is issued from |
Returns:
- returns array of length=1
- Type
- Array
(inner) queryOf(e, maxParent) → {String}
- Source:
Generate relative query of given element/node
Parameters:
| Name | Type | Description |
|---|---|---|
e |
HTMLElement | Element | Node | element/node |
maxParent |
HTMLElement | Element | Node | parent where the query relates to |
Returns:
- query relative to maxParent
- Type
- String
(inner) style(e, popt, vopt) → {Array|Object|String|*|string}
- Source:
Set style / Get style / Get all styles
Parameters:
| Name | Type | Attributes | Description |
|---|---|---|---|
e |
HTMLElement | Element | Node | element/node | |
p |
String |
<optional> |
style property name |
v |
String |
<optional> |
style property value |
Returns:
- Type
- Array | Object | String | * | string
(inner) hasStyle(e, p) → {boolean}
- Source:
Element has style property
Parameters:
| Name | Type | Description |
|---|---|---|
e |
HTMLElement | Element | Node | element/node |
p |
String | style property name |
Returns:
- Type
- boolean
(inner) parseQuery(query, def) → {QueryParams}
- Source:
Parse Jade-like query to an object containing tag, id and classes
Example
parseQuery('div#root.main.container');
// returns {tag: 'div', id: 'root', classes: ['main', 'container']}Parameters:
| Name | Type | Description |
|---|---|---|
query |
String | A string containing jade-like tag, id and classes |
def |
QueryParams | Default value if empty |
Returns:
- Type
- QueryParams