html-attribute-manager

1.0.2 • Public • Published

HTML Attribute Manager

HtmlAttributeManager is a JavaScript class for managing HTML elements with specific attributes.

Installation

npm install html-attribute-manager

Click for npmJS.com URL
Click for Documentation URL

Usage

First, import HtmlAttributeManager into your JavaScript file:

const HtmlAttributeManager = require('html-attribute-manager');

Then, create an instance of HtmlAttributeManager by providing an object containing attribute-function pairs:

const attributeManager = new HtmlAttributeManager({
    "toggle-visibility": "toggleVisibility",
    "change-color": "changeColor"
});

Constructor

HtmlAttributeManager(attributeName, functionName) Creates an instance of HtmlAttributeManager.

  • attributeName (string): The name of the HTML attribute to search for.

  • functionName (string): The name of the function to call for each matching element.

Methods

handleEvent() Finds HTML elements with the specified attribute and calls the corresponding function. destroy() Removes the event listener when the instance is no longer needed.

Example

// Define functions
window.toggleVisibility = function(element, value) {
    if (value === 'true') {
        element.style.display = 'block';
    } else {
        element.style.display = 'none';
    }
};

window.changeColor = function(element, color) {
    element.style.color = color;
};

// Create an instance of HtmlAttributeManager
const attributeManager = new HtmlAttributeManager({
    "toggle-visibility": "toggleVisibility",
    "change-color": "changeColor"
});

Contributing

Contributions are welcome! Please feel free to submit issues or pull requests on Github.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Package Sidebar

Install

npm i html-attribute-manager

Weekly Downloads

61

Version

1.0.2

License

ISC

Unpacked Size

14.7 MB

Total Files

2685

Last publish

Collaborators

  • oguzhancart