A tiny library for creating and selecting DOM elements.
Well, in many cases yes. elly is a tiny wrapper around the querySelector, querySelectorAll and document.createElement, so, it basically can select and create DOM elements.
Check out the dist directory to download the needed files and include them on your page.
If you're using this module in a CommonJS environment, you can install it using npm or yarn and require it:
# Using npm
npm install --save elly
# Using yarn
yarn add elly
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="../dist/elly.min.js"></script>
<title>Elly Example</title>
</head>
<body>
<ul class="my-list">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<script>
// Select the list element
var $myList = $(".my-list");
// A new element
$myList.appendChild(
$("<li>", {
"class": "new-item"
, text: "4"
})
);
// <ul class="my-list">
// <li>1</li>
// <li>2</li>
// <li>3</li>
// <li class="new-item">4</li>
// </ul>
// Select all the list items and remove the first one.
$.$$(".my-list > li")[0].remove();
// <ul class="my-list">
// <li>2</li>
// <li>3</li>
// <li class="new-item">4</li>
// </ul>
</script>
</body>
</html>
There are few ways to get help:
elly(input, contextOrAttributes)Selects the DOM elements based on the provided selector. If there is no
commonjs/module environment, the $ global variable will be created.
input: The element selector (e.g. '#my-id > .my-class'), the element tag you want to create
(e.g. '<ul>') or the HTML element (will be returned by the function).contextOrAttributes:elly.$$(selector, context)Selects multiple elements. Note that if there is no commonjs/module environment, you will access this function using $.$$.
selector: The DOM query selector.context: The element context/container. Defaults to document.Have an idea? Found a bug? See how to contribute.
I open-source almost everything I can, and I try to reply to everyone needing help using these projects. Obviously, this takes time. You can integrate and use these projects in your applications for free! You can even change the source code and redistribute (even resell it).
However, if you get some profit from this or just want to encourage me to continue creating stuff, there are few ways you can do it:
Starring and sharing the projects you like :rocket:
—I love books! I will remember you after years if you buy me one. :grin: :book:
—You can make one-time donations via PayPal. I'll probably buy a coffee tea. :tea:
—Set up a recurring monthly donation and you will get interesting news about what I'm doing (things that I don't share with everyone).
Bitcoin—You can send me bitcoins at this address (or scanning the code below): 1P9BRsmazNQcuyTxEqveUsnf5CERdq35V6
Thanks! :heart:
If you are using this library in one of your projects, add it in this list. :sparkles:
github-calendarbloggify-socialmini-lightboxbloggify-paypal-donate-popupreact-github-calendar-x@xwl7001/react-github-calendarvignere-babbage-cipher-web@c-hive/team-contribution-calendardom-repeaterFAQs
A tiny library for creating and selecting DOM elements.
The npm package elly receives a total of 156 weekly downloads. As such, elly popularity was classified as not popular.
We found that elly demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Research
A malicious npm package disguised as a WhatsApp client is exploiting authentication flows with a remote kill switch to exfiltrate data and destroy files.
Security News
PyPI now supports digital attestations, enhancing security and trust by allowing package maintainers to verify the authenticity of Python packages.
Security News
GitHub removed 27 malicious pull requests attempting to inject harmful code across multiple open source repositories, in another round of low-effort attacks.