JavaScript
Caminhando pelo DOM - Parte II
Publicado em: 14/06/2007 |
JavaScript |
Visualizações: 2.586 |
0 Comentário(s)
Já vimos como podemos pecorrer os elementos de um documento, verificando o seu nome, seu valor(Não confundir com o atributo value, o valor do nó é obtido com nodeValue) e seu tipo. Agora nós veremos com criar, excluir e alterar os atributos de um elemento.
Primeiro, o que são os atributos?
No exemplo abaixo, nós temos um elemento HTMLInputTextBox, ou simplesmente textbox, seu nodeValue é nulo, pois este elemento é do tipo nó, e como vimos somente elementos do tipo texto possuem valor em nodeValue. Mas então o que significa o value do textbox acima?
Na verdade o value acima é um atributo da instância do objeto HTMLInputTextBox em questão.
Para referenciarmos o value acima é muito simples, basta simplesmente obter uma referência ao elemento e depois chamar o atributo normalmente:
Simples não?Mas, e para criar, alterar ou excluir?É muito simples, um objeto mantém seus atributos guardados em um vetor, e para criá-los basta, atribuir um valor a eles.
Agora nós temos,
Para deletá-lo, basta,
E teremos,
Bom, eu acho que não preciso nem dizer como alterar .
Na próxima nós veremos o mais importante, a criação, alteração e exclusão de elementos.
Primeiro, o que são os atributos?
<input type="text" name="email" id="email" maxlength="30" value="DIGITE UM E-MAIL" />
No exemplo abaixo, nós temos um elemento HTMLInputTextBox, ou simplesmente textbox, seu nodeValue é nulo, pois este elemento é do tipo nó, e como vimos somente elementos do tipo texto possuem valor em nodeValue. Mas então o que significa o value do textbox acima?
Na verdade o value acima é um atributo da instância do objeto HTMLInputTextBox em questão.
Para referenciarmos o value acima é muito simples, basta simplesmente obter uma referência ao elemento e depois chamar o atributo normalmente:
<script language="javascript">
var meuNo = document.getElementById("email"); //pega a referência ao nó
alert(meuNo.value);
</script>
Simples não?Mas, e para criar, alterar ou excluir?É muito simples, um objeto mantém seus atributos guardados em um vetor, e para criá-los basta, atribuir um valor a eles.
<script language="javascript">
meuNo.size = "35";
</script>
Agora nós temos,
<input type="text" name="email" id="email" maxlength="30" value="DIGITE UM E-MAIL" size="35" />
Para deletá-lo, basta,
<script language="javascript">
meuNo.size = "";
</script>
E teremos,
<input type="text" name="email" id="email" maxlength="30" value="DIGITE UM E-MAIL" />
Bom, eu acho que não preciso nem dizer como alterar .
Na próxima nós veremos o mais importante, a criação, alteração e exclusão de elementos.
Ramon Ferreira Silva
Estudante de Sistemas de Informação, estudou no CEFET/RJ e hoje trabalha com ASP, ASP.NET, PHP e AJA.
» Site do colunista
Todas as matérias de Ramon Ferreira Silva
- Compartilhando o acesso à internet 3G
A rede 3G de acesso à internet é uma grande realidade hoje, em funcionamento em . - Os 10 piores bugs da história
Os 10 piores bugs da história, acompanhe abaixo esses bugs e caso você conheça u. - Indicadores da Qualidade
Os indicadores da qualidade, são na realidade uma das ferramentas mais utilizada. - Internet, intranet e extranet o que são, e quais as diferenças?
Este artigo demonstra o que é cada um destes acessos. Como funcionam, e para que. - Photoshop - Criando gif animado
Vídeo aula de photoshop, ensina a criar um gif animado com a utilização da guia .
- Sistema de Login com Jquery
Aprenda a fazer um sistema de login php/mysql e javascript. - Limitar texto em um textarea
Este artigo mostra ensina como vocês podem bloquear o número de caracteres em um. - Reflexo em imagem com javascript
Vou demonstrar hoje um efeito muito útil para todos os desenvolvedores. Este efe. - Criando Rollovers com JavaScript
ROLLOVER é um efeito de troca de imagens ao passar com o mouse sobre a imagem. - Mascará para campo hora
Hoje vou mostrar como se faz uma mascará no campo de hora em javascript. Muito u.
Seja o primeiro a comentar!