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 (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.
Novembro 14th, 2008 11:07
Alias?
Novembro 14th, 2008 11:31
ainda bem que não estou tão fora…
ate pq todo hora usar getElementById cansa
Novembro 14th, 2008 13:05
Opa, valeu o lembrete Walter, vou editar.
Novembro 14th, 2008 16:56
é interessante fazer isso, mas prefiro $(’id’)
JQuery rulez
[]s
Novembro 14th, 2008 16:57
Ué, não foi exatamente isso que eu disse?
Novembro 17th, 2008 09:20
Isso ae micox,
não tem como ficar escrevendo esse tantão de coisas.
fuiii
Novembro 23rd, 2008 11:28
Muito bom post micox! Esses dias estava pensando em começar a criar estes “alias” pois, to começando com js e, to usando muito “document.getElementById”… ai já viu… uma tripa de código. Descobri que dava certo funçando! Só não sabia que dava pra usar simbolos como $ para nomear variáveis.
Um abraço!