@borracciablu/dh-classlist

Helpers functions to manipulate the DOM element css classes.

Usage no npm install needed!

<script type="module">
  import borracciabluDhClasslist from 'https://cdn.skypack.dev/@borracciablu/dh-classlist';
</script>

README

dh-classlist

npm version Coverage Status Build Status License

Helpers functions to manipulate the DOM element css classes.

Sauce Test Status

Installing

npm install @borracciablu/dh-classlist

import {execClass} from '@borracciablu/dh-classlist';
var {addClass, removeClass, toggleClass, execClass} = require('@borracciablu/dh-classlist');

API Reference

execClass(itmList, opList)

var docList = document.querySelectorAll('.doc');
execClass(docList, [{'add': 'd-block'}, {remove: 'd-none'}]);

addClass(itmList, clsList)

var itm = document.querySelectorAll('.btn');
var cls = ['d-none'];
addClass(itm, cls);

removeClass(itmList, clsList)

var itm = document.querySelectorAll('.btn');
var cls = ['d-none'];
removeClass(itm, cls);

toggleClass(itmList, clsList)

var itm = document.querySelectorAll('.btn');
var cls = ['d-none'];
toggleClass(itm, cls);

execClassThunk(itmList, opList)

var docList = document.querySelectorAll('.doc');
var thunk = execClassThunk(docList, [{'add': 'd-block'}, {remove: 'd-none'}]);
setTimeout(thunk, 3000);

addClassThunk(itmList, clsList)

var itm = document.querySelectorAll('.btn');
var cls = ['d-none'];
var thunk = addClassThunk(itm, cls);
setTimeout(thunk, 3000);

removeClassThunk(itmList, clsList)

var itm = document.querySelectorAll('.btn');
var cls = ['d-none'];
var thunk = removeClassThunk(itm, cls);
setTimeout(thunk, 3000);

toggleClassThunk(itmList, clsList)

var itm = document.querySelectorAll('.btn');
var cls = ['d-none'];
var thunk = toggleClass(itm, cls);
setTimeout(thunk, 3000);

CDN

Recommended CDN:

https://unpkg.com/@borracciablu/dh-classlist@latest/dist/dh-classlist.min.js

var {addClass} = window.dhClasslist;

// Alternative syntax
var addClass = window.dhClasslist.addClass;