Skip to content

zero-dependency/dom

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

@zero-dependency/dom

npm version npm bundle size (scoped) npm license

Installation

npm install @zero-dependency/dom
yarn add @zero-dependency/dom
pnpm add @zero-dependency/dom

Usage

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) // <div class="card">...</div>