Já vimos como podemos percorrer os elementos de um documento DOM, 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?

<input id="email" maxlength="30" name="email" type="text" 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><script language="javascript">
var meuNo = document.getElementById("email"); //pega a referência ao nó
   alert(meuNo.value);
</script>
</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><script language="javascript">
meuNo.size = "35";
</script>
</script>

Agora nós temos,

<input id="email" maxlength="30" name="email" size="35" type="text" value="DIGITE UM E-MAIL" />

Para apagar-lo, basta,

<script><script language="javascript">
meuNo.size = "";
</script>
</script>

E teremos,

<input id="email" maxlength="30" name="email" type="text" 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.