awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
phuocng avatar

phuocng/html-dom

0
View on GitHub↗

Html Dom

This is a vanilla JavaScript DOM manipulation library that provides a collection of native methods for selecting, creating, and modifying HTML DOM elements without any framework dependencies. It operates directly on the live DOM tree using imperative JavaScript calls, wrapping standard browser DOM APIs into reusable utility functions.

The library covers the full spectrum of DOM operations including element selection, creation, removal, content and attribute management, event handling, style and class manipulation, and DOM traversal. It includes approaches for cross-browser DOM compatibility, ensuring consistent behavior across different web environments.

All functionality is provided through standalone helper functions that rely solely on built-in browser APIs, with no external libraries or virtual DOM layer involved. The documentation covers techniques for manipulating HTML DOM elements using native JavaScript methods.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI
phuoc.ng/collection/html-dom
↗

Features

  • HTML DOM Manipulators - Manipulates HTML DOM elements by selecting, creating, and modifying them with native JavaScript methods.
  • DOM Tree Traversers - Navigates and queries the DOM tree to find parent, child, and sibling elements efficiently.
  • Imperative DOM Mutations - Directly modifies the DOM tree using imperative JavaScript calls like appendChild, removeChild, and setAttribute.
  • DOM Node Creations - Dynamically adds new elements to the page and removes existing ones from the document structure.
  • Zero-Dependency Libraries - Provides standalone helper functions with no external libraries, relying solely on built-in browser APIs.
  • Event-Driven Interaction Handlers - Binds user interactions to DOM elements via addEventListener, triggering callbacks on native browser events.
  • Inline Style Manipulations - Changes element appearance by toggling CSS classes and modifying inline styles programmatically.
  • DOM API Wrappers - Wraps native browser DOM methods into reusable utility functions without any abstraction layer or framework overhead.
  • Virtual DOM Alternatives - Operates directly on the live DOM tree without an intermediate virtual representation or diffing algorithm.
  • DOM & Event Handling - Attaches, removes, and manages event listeners on DOM elements for interactive web pages.
  • DOM Attribute Management - Reads and updates element content, attributes, and data properties with vanilla JavaScript.
  • DOM Element Manipulators - Selects, creates, and modifies HTML DOM elements using native JavaScript methods without external libraries.
  • Element Creations - Provides methods for programmatically generating new HTML elements and inserting them into the page structure.
  • Element Modifications - Provides techniques for changing element attributes, content, styles, and properties using plain JavaScript.
  • DOM Element Selectors - Provides functions for finding and accessing HTML elements in the document tree using standard DOM APIs.
  • Selector Engines - Provides a browser-native selector engine relying on document.querySelector and document.querySelectorAll.
  • Vanilla JavaScript Utilities - A collection of native JavaScript methods for selecting, creating, and modifying HTML DOM elements without any framework.
  • Polyfills and Shims - Includes polyfills and fallbacks for older browser APIs to ensure consistent behavior across environments.
  • Single-Threaded Execution Models - Runs all DOM manipulations synchronously on the main browser thread without async scheduling or batching.
  • Cross-Browser Consistency Layers - Provides approaches for handling DOM operations that work consistently across different web browsers.
6,524 stars·446 forks·MDX·MIT·27 views

Star history

Star history chart for phuocng/html-domStar history chart for phuocng/html-dom

How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.

Projects sharing features with Html Dom

These projects share indexed features with Html Dom. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
  • fabiospampinato/cashfabiospampinato avatar

    fabiospampinato/cash

    7,041View on GitHub↗

    Cash is a lightweight DOM manipulation library and HTML element wrapper designed as an alternative to jQuery for selecting and modifying elements in modern browsers. It functions as a modular DOM framework and JavaScript utility library, providing a system to wrap DOM nodes into actionable collections for batch processing. The project is built with a modular design that supports tree-shaking, allowing build tools to exclude unused methods to minimize the final bundle size. It provides mechanisms for extending the core functionality and collection prototypes to implement reusable plugins and c

    JavaScriptcashdomjavascript
    View on GitHub↗7,041
  • kenwheeler/cashkenwheeler avatar

    kenwheeler/cash

    7,039View on GitHub↗

    Cash is a lightweight JavaScript library for selecting and modifying HTML elements in modern browsers. It functions as a chainable element wrapper and DOM manipulation utility, providing a minimal alternative for managing browser DOM operations. The library uses a collection-based wrapper for DOM nodes, allowing multiple modifications and style updates to be performed in a single sequence. It is designed to provide a similar API for event handling and element management while maintaining a small footprint. The project covers a wide range of DOM manipulation capabilities, including element se

    JavaScript
    View on GitHub↗7,039
  • sadanandpai/javascript-code-challengessadanandpai avatar

    sadanandpai/javascript-code-challenges

    4,451View on GitHub↗

    This repository is a collection of JavaScript coding challenges and a comprehensive interview guide. It provides reference implementations and educational examples designed to help developers master language fundamentals and prepare for technical interviews. The project covers a wide array of specialized implementations, including functional programming patterns like currying and partial application, as well as asynchronous patterns for concurrency control. It also includes practical examples of Document Object Model manipulation and the implementation of common data structures such as stacks

    MDXchallengescoding-interviewfrontend
    View on GitHub↗4,451
  • oneuijs/you-dont-need-jqueryoneuijs avatar

    oneuijs/You-Dont-Need-jQuery

    20,161View on GitHub↗

    This project is a reference guide and collection of implementation patterns for replacing legacy libraries with native JavaScript. It provides a vanilla JavaScript reference guide, a modern web API cookbook, and a DOM manipulation cheat sheet to help migrate frontend dependencies to standard browser APIs. The project focuses on mapping library functions to native interfaces for DOM manipulation, network requests, and event handling. It includes a utility pattern library for common tasks such as string cleaning, type checking, and element styling. The covered capabilities include DOM element

    JavaScript
    View on GitHub↗20,161
Compare all 30 related projects→

Frequently asked questions

What does phuocng/html-dom do?

This is a vanilla JavaScript DOM manipulation library that provides a collection of native methods for selecting, creating, and modifying HTML DOM elements without any framework dependencies. It operates directly on the live DOM tree using imperative JavaScript calls, wrapping standard browser DOM APIs into reusable utility functions.

What are the main features of phuocng/html-dom?

The main features of phuocng/html-dom are: HTML DOM Manipulators, DOM Tree Traversers, Imperative DOM Mutations, DOM Node Creations, Zero-Dependency Libraries, Event-Driven Interaction Handlers, Inline Style Manipulations, DOM API Wrappers.

Which projects share features with phuocng/html-dom?

Projects with overlapping indexed features include: fabiospampinato/cash — Cash is a lightweight DOM manipulation library and HTML element wrapper designed as an alternative to jQuery for… kenwheeler/cash — Cash is a lightweight JavaScript library for selecting and modifying HTML elements in modern browsers. It functions as… sadanandpai/javascript-code-challenges — This repository is a collection of JavaScript coding challenges and a comprehensive interview guide. It provides… oneuijs/you-dont-need-jquery — This project is a reference guide and collection of implementation patterns for replacing legacy libraries with native… zdhxiong/mdui — mdui is a framework-agnostic UI library and design system based on Material Design 3 standards. It provides a… mgp/book-notes — This project is a markdown-based personal knowledge base and digital learning journal used to store notes and…