Oficina da Net - Construindo conhecimento

Widgets | Contato | Cadastro | Fórum | Promoções

Oficina da Net » Programação » JavaScript

JavaScript

Caminhando pelo DOM - Parte III

Publicado em: 20/06/2007 | JavaScript | Visualizações: 2.819 | 1 Comentário(s)

Vimos que para criar um atriburo bastava declará-lo

<script language="javascript">

	var meuNo = document.getElementById("email"); //pega a referência ao nó

	meuNo.value = "DIGITE UM EMAIL";

</script>

ou então, para obter o valor de um atributo, bastava

<script language="javascript">

	var meuNo = document.getElementById("email"); //pega a referência ao nó

	alert(meuNo.value);

</script>

e, por fim para excluí-lo

<script language="javascript">

	var meuNo = document.getElementById("email"); //pega a referência ao nó

	meuNo.value = "";

</script>

Mas a W3C especifica que para realizar operações com atributos de elementos DOM, nós devemos utilizar alguns métodos do tipo get e set:

  -- hasAttribute("atributo")             -> verfica se o elemento possui o atributo
  -- setAttribute("atributo","valor")  -> atribui um valor ao atributo, caso o lemento não o possua, então o atributo será criado
  -- getAttribute("atributo")              -> obtém o valor do atributo
  -- removeAttribute("atributo")       -> remove o atributo

então vamos a prática:

<script language="javascript">

	var meuNo = document.getElementById("email"); //pega a referência ao nó

	meuNo.setAttribute("value","Digite um e-mail"); //atribuímos um valor a atributo;

</script>

para obter seu valor,

<script language="javascript">

	var meuNo = document.getElementById("email"); //pega a referência ao nó

	alert(meuNo.getAttribute("value")); //obtemos o valor do atributo;

</script>

e por fim

<script language="javascript">

	var meuNo = document.getElementById("email"); //pega a referência ao nó

	meuNo.removeAttribute("value"); //removemos o valor do atributo;

</script>

lembrando que, para você seber se o elemento possui um atributo basta

<script language="javascript">

	var meuNo = document.getElementById("email"); //pega a referência ao nó

	var possui = meuNo.hasAttribute("value"); // retorna true ou false;

	

	if(possui)

		alert("O elemento possui o atributo");

	else

		alert("O elemento não possui o atributo");

</script>

Até a próxima

1 Comentário(s) comentários

compartilhe

» clique aqui para comentar

Preencha o formulário para comentar:

Inácio Lombardo

Publicado em: 08/04/2008 - 12:12

Estou utilizando CampoVrDespesa.removeAttribute("onKeydown"); Esse atributo não foi criado por setAttribute, mas no firefox ele funciona e no IE7 não. tem essa de alguns navegadores não suportar?

Autor

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

Links Patrocinados