onedionys-dom-traversal-utilities

5.0.0 • Public • Published

Welcome to One Dionys - DOM Traversal Utilities! 👋

Functions for searching and navigating within the structure of DOM elements. 💖

💾 Requirements

  • Web Browser - Can be used as an emulator to build applications. Example [Chrome, Firefox, Safari & Opera].
  • Internet - Because many use CDN and to make it easier to find solutions to all problems.

🎯 How To Use

Example Syntax

// Import the DOM Traversal Utilities
const domTraversalUtils = require('./src/domTraversalUtils');

// Example usage of findParentBySelector
const childElement = document.querySelector('.child');
const parentElement = domTraversalUtils.findParentBySelector(childElement, '.parent');

// Example usage of findChildrenBySelector
const parentElement = document.querySelector('.parent');
const children = domTraversalUtils.findChildrenBySelector(parentElement, '.child');

// Example usage of findSiblingsBySelector
const siblingElements = domTraversalUtils.findSiblingsBySelector(childElement, '.sibling');

Explanation

  • This package provides utility functions for traversing the DOM (Document Object Model) efficiently. It includes functions to find parent elements, child elements, and sibling elements based on CSS selectors.

Return Value

  • findParentBySelector(element, selector): Returns the parent element of the given element that matches the specified CSS selector. Returns null if no matching parent is found.
  • findChildrenBySelector(parent, selector): Returns an array of child elements of the given parent element that match the specified CSS selector.
  • findSiblingsBySelector(element, selector): Returns an array of sibling elements of the given element that match the specified CSS selector.

📆 Release Date

  • v1.0.0 : 08 March 2024
  • v1.0.1 : 11 March 2024
  • v4.0.0 : 11 March 2024
  • v4.0.1 : 13 March 2024
  • v4.0.2 : 18 March 2024
  • v5.0.0 : 31 March 2024

🧑 Author

📝 License

  • Copyright © 2024 One Dionys
  • One Dionys - DOM Traversal Utilities is an open source project licensed under the MIT license

☕️ Suppport & Donation

Love One Dionys - DOM Traversal Utilities? Support this project by donating or sharing with others in need.

Made with ❤️ One Dionys

Package Sidebar

Install

npm i onedionys-dom-traversal-utilities

Weekly Downloads

1

Version

5.0.0

License

ISC

Unpacked Size

14.4 kB

Total Files

6

Last publish

Collaborators

  • onedionys
  • onedionysc