Manipulated DOM

Document manupulation using vanila javascript.

Get Started

Install Manipulated DOM to your project.

``bash
pnpm install manipulated-dom
`

Examples

Import statement Manipulated DOM

`ts
import MDom form "manipulated-dom";
`

$3

#### Select A Element Using Class

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

#### Select A Element Using Id

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

$3

#### Create Element

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

#### Create Text

`ts
const $name = MDom.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 = MDom.create("button");
$button.on("click", () => console.log("Clicked"));
`

$3

`ts
$box.parent();
`

$3

`ts
$box.remove();
`

$3

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

$3

#### Add A Children

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

#### Add Multipe Childrens

`ts
$body.child([MDom.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");
``