DOM Manupu

Document manupulation using vanila javascript

Get Started

Install DOM Manupu to your project.

``bash
pnpm install dom-manupu
`

Api

Import statement DOM Manupu

`ts
import DOM form "dom-manupu";
`

$3

#### Select A Element Using Class

`ts
const $box = new DOM(".box");
`

#### Select A Element Using Id

`ts
const $box = new DOM("#box");
`

$3

#### Create Element

`ts
const $box = DOM.create("box");
`

#### Create Text

`ts
const $name = DOM.createTxt("hello");
`

$3

#### Set Attribute

`ts
$body.attr("hello", "world");
`

#### Set Multiple Attributes

`ts
$body.attr({ id: "001" });
`

#### Get Attribute Value

`ts
$body.attr("hello");
`

$3

#### Set Style

`ts
$body.attr("width", "10rem");
`

#### Set Multiple Styles

`ts
$body.attr({ height: "15rem" });
`

#### Get Style Value

`ts
$body.attr("width");
`

$3

$3

`ts
$body.show();
`

$3

`ts
$body.hide();
`

$3

`ts
const $button = DOM.create("button");
$button.on("click", () => console.log("Clicked"));
`

$3

`ts
$box.parent();
`

$3

`ts
$box.remove();
`

$3

`ts
const $container = DOM.create("div");
$box.replace($container);
`

$3

#### Add A Children

`ts
$body.child([document.createElement("div")]);
`

#### Add Multipe Childrens

`ts
$body.child([DOM.create("div"), $box]);
`

#### Get Childrens

`ts
$body.child();
`

$3

#### Get HTML

`ts
$body.html();
`

#### Set HTML

`ts
$body.html("

Hello

");
`

$3

#### Get Text

`ts
$body.txt();
`

#### Set Text

`ts
$body.txt("Hello");
``