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.
![Page Visibility API]()
One event that's always been lacking within the document is a signal for when the user is looking at a given tab, or another tab. When does the user switch off our site to look at something else? When do they come back?
![Creating Scrolling Parallax Effects with CSS]()
Introduction
For quite a long time now websites with the so called "parallax" effect have been really popular.
In case you have not heard of this effect, it basically includes different layers of images that are moving in different directions or with different speed. This leads to a...
![Camera and Video Control with HTML5]()
Client-side APIs on mobile and desktop devices are quickly providing the same APIs. Of course our mobile devices got access to some of these APIs first, but those APIs are slowly making their way to the desktop. One of those APIs is the getUserMedia API...
![HTML5 Input Types Alternative]()
As you may know, HTML5 has introduced several new input types: number, date, color, range, etc. The question is: should you
start using these controls or not? As much as I want to say "Yes", I think they are not yet ready for any real life...
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)); } }