1.0.5 • Published 5 years ago
helpers-dom v1.0.5
Helpers-dom
This are methods to help to manipulate DOM.
Install
yarn add helpers-dom
# npm install helpers-dom --save
Use
import { c, dom, addEvent } from "helpers-dom";
Small console.log
c("hello"); // Instead of console.log("hello")
Pretty and small cacth DOM
dom("#id-name"); // return element
dom(".unique-element"); // return element
dom(".many-elements"); // return Array of elements
dom("nothing-element"); // return null
Add event easily to one or many elements
const elements = dom(".many-element");
// addEvent(element, event, callback, );
addEvent(elements, "click", myFunction);
###Example Catch all .items and console.log their values when recived a click.
<ul>
<li class="item">Alto</li>
<li class="item">bandido.</li>
<li class="item">Cuéntame,</li>
<li class="item">deseas</li>
<li class="item">esto?</li>
</ul>
import { c, dom, addEvent } from "helpers-dom";
const items = dom(".item");
addEvent(items, "click", () => c(event.currentTarget.innerText));