3.2.1 • Published 12 months ago

brandup-ui-dom v3.2.1

Weekly downloads
-
License
Apache-2.0
Repository
github
Last release
12 months 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

12 months ago

2.3.2

12 months ago

2.2.3

12 months ago

2.3.1

12 months ago

2.3.3

12 months ago

2.2.4

12 months ago

2.2.7

12 months ago

3.1.3

12 months ago

3.0.4

12 months ago

3.1.2

12 months ago

3.0.3

12 months ago

3.1.1

12 months ago

3.0.1

12 months ago

3.1.5

12 months ago

3.1.4

12 months ago

2.3.8

12 months ago

2.3.7

12 months 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