https://github.com/zero-dependency/dom

📄 DOM utilities
https://github.com/zero-dependency/dom

api dom javascript package typescript utilities zero-dependency

Last synced: 16 days ago
JSON representation

📄 DOM utilities

• Host: GitHub
• URL: https://github.com/zero-dependency/dom
• Owner: zero-dependency
• License: mit
• Created: 2022-10-08T13:44:57.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2024-02-09T06:46:59.000Z (about 2 years ago)
• Last Synced: 2025-01-27T04:18:31.053Z (about 1 year ago)
• Topics: api, dom, javascript, package, typescript, utilities, zero-dependency
• Language: TypeScript
• Homepage:
• Size: 146 KB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# @zero-dependency/dom

[![npm version](https://img.shields.io/npm/v/@zero-dependency/dom)](https://npm.im/@zero-dependency/dom)

[![npm bundle size (scoped)](https://img.shields.io/bundlephobia/minzip/@zero-dependency/dom)](https://bundlephobia.com/package/@zero-dependency/dom@latest)

![npm license](https://img.shields.io/npm/l/@zero-dependency/dom)

## Installation

```sh

npm install @zero-dependency/dom

```

```sh

yarn add @zero-dependency/dom

```

```sh

pnpm add @zero-dependency/dom

```

## Usage

```js

import { el, observeElement, waitElement } from '@zero-dependency/dom'

// createElement

const element = el('div', { class: 'foo' }, 'Hello World')

document.body.appendChild(element)

// observeElement

observeElement(element, (mutation, observer) => {

  console.log(mutation.target.textContent) // 'hello world'

  observer.disconnect()

})

element.textContent = element.textContent.toLowerCase() // 'hello world'

// waitElement

const el = await waitElement('div.card')

console.log(el) // 
...

```