npm.io
5.0.0 • Published 2 years ago

onedionys-dom-traversal-utilities

Licence
ISC
Version
5.0.0
Deps
132
Size
14 kB
Vulns
0
Weekly
0
Stars
10

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

Keywords