phuocng/html-dom
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.
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.
