Abandone o getElementById

“WTF mico? Are you Crazy?”

Calma malucada, não estou dizendo pra vocês voltarem ao século passado, quando referenciávamos os elementos via ‘document.all’ hehe. Na verdade este post é um incentivo pra vocês “apelidarem” alguns métodos e objetos, de forma facilitar a digitação de vocês.

//É que eu tava afim de fazer um título polêmico hahehahe

“Como assim?”

Estou cansado de ver códigos assim:

function juntaEnd(){
	var rua = document.getElementById('input_rua').value
	var num = document.getElementById('input_num').value
	var bairro = document.getElementById('input_bairro').value
	var cidade = document.getElementById('input_cidade').value
	var estado = document.getElementById('input_estado').value
	return rua+num+bairro+cidade+estado
}

Olha o tanto que o cara teve que digitar (ou copiar e colar). O tanto de bytes gastos com o ‘document.getElementById’.

Muitos dos meus inteligentes leitores já fazem de uma forma mais ‘legal’:

function get(quem) { return document.getElementById(quem) }
function juntaEnd(){
	var rua = get('input_rua').value
	var num = get('input_num').value
	var bairro = get('input_bairro').value
	var cidade = get('input_cidade').value
	var estado = get('input_estado').value
	return rua+num+bairro+cidade+estado
}

Olha só, muito melhor de ler, digitar, economizar banda hehaehae.
O nome da função ‘get’ poderia ser o que você quisesse. Eu por exemplo uso ‘$m’.

Existem várias outras funções mais poderosas que este ‘get’ simples mostrado. Pesquise, também, funções dos diversos frameworks existentes que facilitam o serviço.

Além de ‘apelidar’ o getElementById você pode apelidar outros objetos também de forma mais simples, caso não saiba. (Não lembro o nome real pra isso de ‘apelidar’ na literatura acadêmica de programação, se vocÊ souber ae me avisa nos comments hehe :P ) (O nome é ‘alias’ conforme foi lembrado pelo Maujor e Walter Cruz)

Exemplo:

var d = document
d.write('isto funciona, caracas!').
d.getElementById('input_nome').value = 'apelidando o document';

Um exemplo mais hard (mas pode te ajudar pois direto agente vê isto em scripts que baixa e fica boiando sem saber o que é):

(dc=document).write('o document também foi apelidado dessa maneira doida??')
dc.getElementById('input_nome').value = 'Sim!!';

Bom, é isso ae, por hoje é só! Acredito que, para os que não conheciam estes truques loucos, eu devo ter dado uma luz.
Só toma cuidado pois o uso indiscriminado sem comentários pode deixar seu código ilegível e complicar sua cabeça no futuro.

Adiós povo. Não se esqueçam de participar do desafio Webly de Natal em Flash (valendo 1 pendrive 4Gb) ok?

Não mande dúvidas nos comentários ou no meu e-mail. Mande elas para o fórum de desenvolvedores Webly. Tem mais gente lá gabaritada a responder e você não fica dependendo só do mico.

7 Responses to “Abandone o getElementById”

Leave a Reply