# phuocng/html-dom

Common tasks of managing HTML DOM with vanilla JavaScript. Give me 1 ⭐if it’s useful.

Repository: https://github.com/phuocng/html-dom
Canonical: https://ross.abutalabs.com/products/html-dom
Homepage: https://phuoc.ng/collection/html-dom
Language: MDX
License: MIT
License Family: permissive
Topics: dom, document-object-model, html, dom-api, typescript, javascript, dom-manipulation
Last push: 2024-06-06T13:29:06+00:00

## Health v2 (maintenance only)
Score: 23/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 0, release rhythm 8, longevity 100
- inputs: {"age_days": 2391, "days_push": 818, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 6517, forks 445 (observed 2026-08-28T04:09:44.869317+00:00)

## What it is
A curated collection of common HTML DOM management tasks using vanilla JavaScript, presented as a website with live demos, tips, and best practices. It documents native browser DOM APIs and solutions to popular DOM questions without relying on external libraries.

## Use cases
- learn how to manipulate the DOM with vanilla JavaScript
- find how to select and modify HTML elements without jQuery
- look up DOM API examples and best practices
- solve common DOM tasks like handling events or creating elements
- reference snippets when working with refs in React or Vue
- understand browser DOM APIs for web component development

## When to choose
- you want framework-free, native browser API solutions for DOM tasks
- you need quick, understandable examples with live demos
- you are learning or teaching DOM fundamentals
- you work with web components or framework refs and need DOM knowledge

## When to avoid
- you need a DOM manipulation library with a programmatic API to install
- you must support legacy browsers like Internet Explorer
- you want comprehensive documentation of a specific framework's DOM handling

## Facets
- artifact type: learning-resource
- maturity: maintenance
- function: documentation, developer-tools
- domain: web-development, frontend, tutorials, documentation
- platform: browser
- tags: dom-manipulation, vanilla-javascript, dom-api, web-components, snippets, live-demos, javascript, web-development

## Member repositories
- phuocng/html-dom (main) score 23

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:09:44.869317+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-29T17:44:26.074229+00:00, confidence not recorded.
  - readme: https://github.com/phuocng/html-dom (fetched 2026-08-28T04:09:44.869317+00:00, sha c72a7767962d)
- Data as of 2026-08-30T08:39:29.467469+00:00.