Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
select DOM elements by ID, tag name, or class name
// inspired by @techpriester: https://gist.github.com/988627
function(
a, // take a simple selector like "name", "#name", or ".name", and
b // an optional context, and
){
a = a.match(/^(\W)?(.*)/); // split the selector into name and symbol.
return( // return an element or list, from within the scope of
b // the passed context
|| document // or document,
)[
"getElement" + ( // obtained by the appropriate method calculated by
a[1]
? a[1] == "#"
? "ById" // the node by ID,
: "sByClassName" // the nodes by class name, or
: "sByTagName" // the nodes by tag name,
)
](
a[2] // called with the name.
)
}
function(a,b){a=a.match(/^(\W)?(.*)/);return(b||document)["getElement"+(a[1]?a[1]=="#"?"ById":"sByClassName":"sByTagName")](a[2])}
DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
Version 2, December 2004
Copyright (C) 2011 Jed Schmidt <http://jed.is>
Everyone is permitted to copy and distribute verbatim or modified
copies of this license document, and changing it is allowed as long
as the name is changed.
DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
0. You just DO WHAT THE FUCK YOU WANT TO.
{
"name": "cssSelect",
"description": "select DOM elements by ID, tag name, or class name",
"keywords": [
"dom",
"css",
"id",
"class",
"tag"
]
}
@rudylattae
Copy link

rudylattae commented Aug 10, 2011

Awesome, the fix works brilliantly!

@pyrsmk
Copy link

pyrsmk commented Nov 7, 2011

I would advice you about that IE<9 doesn't support getElementsByClassName (source: caniuse.com) contrary to rudylattae comment.

@maettig
Copy link

maettig commented Nov 21, 2011

You can save another byte by removing ^. Due to how the regular expressions is executed this does not make a difference in your case. And by the way, I tried to create getElementsByClassName in 140 bytes, which is missing in Internet Explorer <9.0, but currently it still is 162 bytes.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment