byTag: atajo para getElementByTagName

Con esta función acortamos el código y hacemos mas fácil su lectura, opcionalmente podemos hacer que en vez de un array con todos los elementos con el tag especificado nos devuelva el objeto en la posición del array que queramos

Código

byTag=function(obj,tagName,num){
	var objs=gEle(obj).getElementsByTagName(tagName);
	if (num==undefined)	return objs;
	if (objs.length>=num) return objs[num];
	return objs;
}

Parámetros

obj (cadena de texto con la id del objeto u objeto): Puede ser un objeto (document, jQuery(".loquesea")[0] etc) o una cadena con la id del objeto del que queramos conseguir los objetos con el tag especificado en el siguiente parámetro

tagName(cadena de texto): Cadena de texto con cualquier tag: "p",'pre',"script"

num (número entero) Opcional: En el caso de que se le pase este valor nos devolverá el objeto con esa posición en el array. Al ser con base cero para conseguir el primer elemento del array deberemos pasarle 0, al segundo 1, etc

Valor devuelto

Array con los objetos con el tag especificado o un único objeto si se le pasa el tercer parámetro opcional

Dependencias

gEle: atajo para document.getElementById

Ejemplos

Cambiar estilo al 1er objeto «pre» hijo del objeto con id «primary»

p=byTag(gEle("primary"),"pre",1);
p.style.border="dashed 3px #f0f";

Añadir borde al 1er objeto con tag «p» en el documento

En este ejemplo hacemos uso del tercer parámetro opcional para que nos devuelva un objeto en vez de un array

p=byTag(document,"p",0);
p.style.border="3px solid #ff0";

Añadir borde a todos los objetos con tag «p» en el documento

var p=byTag(document,"p");
for (var n=0;n<p.length;n++){
	p[n].style.border='solid 3px #f00';
}