Manipulando DOM com Prototype 1.6

5 11 2007

A algum tempo postei sobre o Easy DOM Creator, uma ferramenta bastante útil para realizar a manipulação dos elementos da árvore HTML. Sendo algum muito importante a biblioteca prototype está oferecendo nativamente esta funcionalidade a partir da versão 1.6 RC0.

O Exemplo abaixo sintetiza tudo o que é necessário saber sobre está função.

$(id_elemento).insert({      after: new Element('b',

{class:'msgErro'}).update('texto que será exibido')

});

O código acima irá:

  1. Criar um elemento negrito b;
  2. Setar ao elemento a classe msgErro;
  3. Inserir o texto ‘texto que será exibido’;
  4. Inserir o elemento criado depois do elemento cujo id é id_elemento.

Para inserir uma quebra de linha

$('mensagem').insert(new Element("br"));

Uma outra forma de inserir HTML sem usar o innerHTML é:

$('id').insert(
    "<tr><td>10</td><td>10</td></tr>";
);

Veja mais exemplos no site oficial da biblioteca prototype.


Ações

Information

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s




%d blogueiros gostam disto: