3.2.1 • Published 1 year ago

brandup-ui-dom v3.2.1

Weekly downloads
-
License
Apache-2.0
Repository
github
Last release
1 year ago

brandup-ui-dom

Build Status

Installation

Install NPM package brandup-ui-dom.

npm i brandup-ui-dom@latest

DOM helper

Методы для простой работы с DOM моделью.

class DOM {
    static getElementById(id: string): HTMLElement | null;
    static getElementByClass(parentElement: Element, className: string): HTMLElement | null;
    static getElementByName(name: string): HTMLElement | null;
    static getElementByTagName(parentElement: Element, tagName: string): HTMLElement | null;
    static getElementsByTagName(parentElement: Element, tagName: string);
    static queryElement(parentElement: Element, query: string): HTMLElement | null;
    static queryElements(parentElement: Element, query: string): NodeListOf<HTMLElement>;
    static nextElementByClass(currentElement: Element, className: string): HTMLElement | null;
    static prevElementByClass(currentElement: Element, className: string): HTMLElement | null;
    static prevElement(currentElement: Element): HTMLElement | null;
    static nextElement(currentElement: Element): HTMLElement | null;

    static tag(tagName: string, options?: ElementOptions | string, children?: ((elem: Element) => void) | Element | string | Array<Element | string | ((parent: Element) => Element)>): HTMLElement

    static addClass(container: Element, selectors: string, className: string)
    static removeClass(container: Element, selectors: string, className: string);

    static empty(element: Element);
}

Creation HTML elements

DOM.tag("div", "css class name")
DOM.tag("div", "css class name", "<p>test</p>")
DOM.tag("div", "css class name", DOM.tag("p", null, "test"))
DOM.tag("div", {
    id?: string,
    dataset?: ElementData;
    styles?: ElementStyles;
    class?: string | Array<string>;
    events?: { [name: string]: EventListenerOrEventListenerObject };
    command?: string;
    [name: string]: string | number | boolean | object;
})
3.2.1

1 year ago

2.3.2

1 year ago

2.2.3

1 year ago

2.3.1

1 year ago

2.3.3

1 year ago

2.2.4

1 year ago

2.2.7

1 year ago

3.1.3

1 year ago

3.0.4

1 year ago

3.1.2

1 year ago

3.0.3

1 year ago

3.1.1

1 year ago

3.0.1

1 year ago

3.1.5

1 year ago

3.1.4

1 year ago

2.3.8

1 year ago

2.3.7

1 year ago

2.0.9

1 year ago

2.0.8

1 year ago

2.0.7

2 years ago

2.0.6

3 years ago

2.0.5

3 years ago

2.0.4

3 years ago

2.0.2

3 years ago