get-element
Advanced tools
About | Why | Installation | Usage | License
A tiny Node.js module for quickly selecting HTML elements.
Bundle it with browserify/webpack/etc.
Requires Node.js > 4.0.
jQuery just to select elements is like using a flamethrower to light a birthday candledocument.querySelector() is slowHTMLCollections are cool and all, but I usually want an actual Array to iterate overArray.prototype.slice.call(document.getElementsByClassName('aVeryNiceClassName')) over and over againInstall and save to package.json from terminal:
$ npm install --save get-element
get-element is primarily intended for use with a bundler like webpack or browserify:
var getElement = require('get-element')
If you need a standalone <script>, though, a minified browser build that attaches to the global namespace as getElement is provided here:
<script src="get-element.min.js"></script>
get-element exports two methods:
getElement.withClass(class, [from])
Returns an array of elements with the specified class.
from is an optional parameter to specify a root element other than document.
<!--index.html-->
<!doctype html>
<html>
<head></head>
<body>
<div class="foo">
<div class="bar"></div>
</div>
<section class="bar"></div>
<section class="bar"></div>
<script src="main.js"></script>
</body>
</html>
// main.js (pre-bundle)
var el = require('get-element')
var foo = el.withClass('foo')
// => [ <div.foo> ]
var bar = el.withClass('bar')
// => [ <div.bar>, <section.bar>, <section.bar> ]
var fooBar = el.withClass('bar', foo[0])
// => [ <div.bar> ]
getElement.withTag(tag, [from])
Returns an array of elements with the specified tag.
from is an optional parameter to specify a root element other than document.
<!--index.html-->
<!doctype html>
<html>
<head></head>
<body>
<div class="foo">
<div class="bar"></div>
</div>
<section class="bar"></div>
<section class="bar"></div>
<script src="main.js"></script>
</body>
</html>
// main.js (pre-bundle)
var el = require('get-element')
var body = el.withTag('body')
// => [ <body> ]
var divs = el.withTag('div')
// => [ <div.foo>, <div.bar> ]
FAQs
utility functions to get HTML elements
We found that get-element 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.