Nome:
Local: Rio de Janeiro, RJ, Brazil

Que perguntinha hein?! Mas vamos lá, adoro estudar assuntos relacionados à web, sempre que posso aprendo uma tecnologia, técnica ou linguagem nova. Tento sempre ver quais são as tendências e acompanha-las, enfim eu sou um eterno aprendiz. Deixando o lado profissional, entrando no lado pessoal, sou uma pessoa super gente-boa (pelo menos eu me acho. rs), adoro curtir a night, sair com os amigos, fazer novas amizades e viajar (tem coisa melhor do que isso?) Acho que você já está sabendo demais sobre mim. Fuiii...

domingo, 30 de dezembro de 2007

InsertBefore e appendChild

Último post do ano! :)
Como prometido iremos falar sobre appendChild e insertBefore. Bom, já sabemos que appendChild e insertBefore, não é inclusão do elemento na estrutura html e sim a re-alocação. Os dois possuem apenas essa função, porém funcionam de forma diferentes.

insertBefore

Aloca um elemento no nó pai, anteriormente do elemento selecionado.

Sintaxe:
elemento.insertBefore(elemento_a_ser_alocado, elemento_guia);

Ex:
document.getElementById("meuElemento").insertBefore(document.createElement("DIV"), document.getElementById("elementGuia"));

No exemplo acima, o elemento DIV irá ser adicionado antes do elementoGuia.

Obs.:
Para essa alocação funcionar o elementoGuia, tem que ser filho (direto) do elemento (meuElemento), ou seja, não pode ter nenhum elemento entre elementoGuia e meuElemento.


appendChild

Aloca um elemento no último filho do elemento selecionado.

Sintaxe:
elemento.appendChild(elemento_a_ser_alocado);

Ex:
document.getElementById("meuElemento").appendChild(document.createElement("DIV"));

No exemplo acima adicionei a DIV após o último filho do elemento meuElemento, sendo assim, a DIV passa a ser o último filho do elemento meuElemento.

Considero esses conceitos de vitais importância para quem está iniciando o estudo de DHTML, ísso é só o início, com outros conceitos, você verá que é possível ser feito muito mais coisas interessantes com essas propriedades que falei hoje.

Então é isso, Um próspero ano novo à todos.

Fuiii...

Marcadores: , ,

3 Comentários:

Blogger Mateus disse...

O Conceito foi bom, mas poderia dar exemplos práticos para melhor compreesão daques que iniciam, de qualquer forma ja serve pra começar...

16 de agosto de 2008 23:55  
Blogger ramon disse...

Obrigado Mateus,
É verdade faltam alguns exemplos práticos, mas qualquer dúvida, estou auqi pra isso.

fuiii...

17 de agosto de 2008 08:48  
Anonymous Clã Celestial Blog disse...

Faltaram uns exemplos mesmo, mas deu pra entender.

23 de abril de 2011 19:34  

Postar um comentário

Assinar Postar comentários [Atom]

<< Página inicial