get list of all <input objects in javascript, without accessing a form object

Question

I need to get all the input objects and manipulate the onclick param.

the following does the job for links. looking for something like this for input tags.

for (var ls = document.links, numLinks = ls.length, i=0; i<numLinks; i++){
             var link = unescape(ls[i].href);
             link = link.replace(/\\'/ig,"#");
             if(ls[i].href.indexOf("javascript:") == -1)
             {
             ls[i].href = "javascript:LoadExtern(\\""+link+"\\",\\"ControlPanelContent\\",true,true);";
             }
            }

Answer 1

var inputs = document.getElementsByTagName('input');
for (var i = 0; i < inputs.length; ++i) {
  // ...
}

Answer 2

You can get a NodeList of all of the input elements via getElementsByTagName (MDC, MSDN), then simply loop through it:

var inputs, index;

inputs = document.getElementsByTagName('input');
for (index = 0; index < inputs.length; ++index) {
    // deal with inputs[index] element.
}

Answer 3

Or to do this slightly more efficiently,

var inputs, i;

for(i = 0; current = document.getElementsByTagName('input')[i]; i++) {
    // current will contain the currently selected element
}