1 Reply by id

  • id
  • Administrator
  • Offline
  • Registered: 2010-03-04
  • Posts: 16

Re: innerHTML Mudar o Conteudo de um elemento html sem recarregar a pagin

Com o innerHTML podemos alterar o conteúdo de cada tag html... no exemplo abaixo usamos uma Tabela como exmplo.

Quando o usuário clicar no botão será ativada a função js que mudara o conteúdo dela através do innerHTML

Se for usar no Internet Explorer use uma div ao inves de table... ou coloque a table dentro do div

    <script>
        function mudar_conteudo(id)
        {
            document.getElementById(id).innerHTML = ' <td bgcolor=red>Agora só temos uma coluna</td>';
        }
    </script>
<input type=button onClick="mudar_conteudo('id_tabela')" value='Clique Aqui para Mudar a tabela'>

<table id='id_tabela' border=1>
    <tr>
        <td bgcolor=red>Coluna</td><td bgcolor=green>Coluna 2</td><td bgcolor=blue>Coluna 3</td>
    </tr>
</table>