[Tips] función para obtener todos los elementos de cierto tipo en javascript

En algunas ocaciones es necesario obtener los elementos por medio del Tag, de la clase o bien, del tipo, para las dos primeras no tenemos problemas ya que la primera viene soportada nativamente por javascript, y la segunda la implementas por medio de librerí­as como Prototype, entre otras.

Pero cuando necesitas sacar todos los elementos de cierto tipo, ejemplo, todos los checkbox, sabemos que los checbox son input’s, pero no todos los inputs son checkbox, pues bien, para ahorrarles la quebrada de cabeza que yo me llevé, aqui les dejo la función:

getElementsByType = function(theType)
{
  var elementArray = [];

  if (typeof document.all != "undefined")
  {
    elementArray = document.all;
  }
  else
  {
    elementArray = document.getElementsByTagName("*");
  }

  var matchedArray = [];
  var pattern = new RegExp("(^| )" + theType + "( |$)");

  for (var i = 0; i < elementArray.length; i++)
  {
    if (pattern.test(elementArray[i].getAttribute("type")))
    {
      matchedArray[matchedArray.length] = elementArray[i];
    }
  }

  return matchedArray;
};

Y para su implementación, veamos un pequeño ejemplo:

var input = getElementsByType("checkbox");

for ( var i = 0; i < input.length; i++ )
{
	if ( input[i].checked == true )
	{
		alert( input[i].value+" "+input[i].name );
	}
}

Espero que les sirva de algo.

Start Slide Show with PicLens Lite