Forum Moderators: open

Message Too Old, No Replies

Redundancy in getElementById variable names

         

Jeremy_H

12:44 am on Nov 8, 2006 (gmt 0)

10+ Year Member



I'm using shorthand to try to cut back the size of my code.

Now, I'm finding a different type of waste:

var m=document.getElementById("m");
var m1=document.getElementById("m1");
var m2=document.getElementById("m2");
var m3=document.getElementById("m3");
var m4=document.getElementById("m4");
var m5=document.getElementById("m5");
var m6=document.getElementById("m6");
var fc=document.getElementById("fc");
var lc=document.getElementById("lc");
var lm=document.getElementById("lm");
var fm=document.getElementById("fm");
var s=document.getElementById("s");

Is that as good as it gets, or is there a way for me to provide a list of variable names that equal their getElementById equivalent?

Thanks

whoisgregg

4:48 am on Nov 8, 2006 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



The javascript library by the name of Prototype provides one of the greatest benefits to mankind (well at least javascripters). Namely, a shortcut function to document.getElementById... It's version is fancier, but you can implement your own basic version like so:

function $(strId){ return document.getElementById(strId); }

Then your line after line of variable declarations are still repetitive but at least less code staring at you:

var m = $('m')
var m1 = $('m1')
var m2 = $('m2');

Jeremy_H

4:02 pm on Nov 8, 2006 (gmt 0)

10+ Year Member



Thank you very much, that indeed is a big script saver!

Thanks.