Create Your Own Custom JavaScript Dollar Function To Select An Element
The "dollar" function has become famous in recent years due to its inception in many popular JavaScript frameworks. MooTools, for example, uses the dollar function to select a single element from the DOM. This functionality is extremely helpful as it allows you to keep your code extremely short and readable, not to mention document.getElementById(''); can get annoying quickly.
The Code
function $(id)
{
return document.getElementById(id);
}
You don't need to use a JavaScript framework to compact your code. If you frequently select unique DOM elements, you should create a dollar function for the sake of yourself and your users.
![CSS @supports]()
Feature detection via JavaScript is a client side best practice and for all the right reasons, but unfortunately that same functionality hasn't been available within CSS. What we end up doing is repeating the same properties multiple times with each browser prefix. Yuck. Another thing we...
![Create a CSS Cube]()
CSS cubes really showcase what CSS has become over the years, evolving from simple color and dimension directives to a language capable of creating deep, creative visuals. Add animation and you've got something really neat. Unfortunately each CSS cube tutorial I've read is a bit...
![Create a Brilliant Sprited, CSS-Powered Firefox Animation]()
Mozilla recently formally announced Firefox OS and its partners at Mobile World Congress and I couldn't be more excited. Firefox OS is going to change the lives of people in developing countries, hopefully making a name for itself in the US as well. The...
![Flashy FAQs Using MooTools Sliders]()
I often qualify a great website by one that pay attention to detail and makes all of the "little things" seem as though much time was spent on them. Let's face it -- FAQs are as boring as they come. That is, until you...
To cut the number of
getElementById()calls in half, you could just do:function $(id) { return document.getElementById(id); }Hi, lets make it smaller ^^
function $(i) { return document.getElementById(i); }Can you just do:
? I didn’t test this.
This function returns null and does not work when I do
$('x').style.background='orange';function $(e) { if(e.substring(0,1) == '#') { return document.getElementById(e.substring(1)); } else { return document.getElementByClass(e.substring(1)); } }