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

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';
}

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *