Programação  
 
Conhecimento computador >> Programação >> JavaScript Programação >> 
Como carregar uma DIV em outra DIV dinamicamente
Sites dinâmicos reagir a entrada do usuário e alterar o conteúdo da página. Várias linguagens de script pode conseguir este efeito . Um dos mais fáceis e mais popular de usar é JavaScript. Ele permite que você alterar o conteúdo de elementos HTML , como divs (contêineres de conteúdo) , com base em uma ação , como clicar ou pairando um rato. Um clique do mouse pode criar uma nova div dentro de um já existente, geração de conteúdo relacionado com o botão clicado. Siga algumas etapas para conseguir este efeito. Instruções
1

Criar um div entre as tags body da sua página Web , e dar o div uma identificação de " div de idade. " Também criar um botão para que os usuários cliquem que aciona a função JavaScript " newInnerDiv ". O código será exibido da seguinte forma:



< /div >



2

Criar a função " newInnerDiv " entre as tags head do documento. A função recebe o div existente pelo seu ID de " oldDiv , " cria um novo elemento div , cria uma nova p ( parágrafo) elemento e cria uma cadeia de texto de " Oi " para colocar dentro do elemento p. Ele acrescenta o velho div com o novo elemento div , define a identificação da nova div com " newDiv ", acrescenta o novo div com o novo elemento p e anexa o novo elemento p com o novo texto de " Hi ". < Br >

Adicione um teste no início da função para verificar se este já div foi criado uma vez pelo usuário clicar no botão. Não há necessidade de criar vários divs . Um teste simples para este exemplo está contando como existem muitas divs . Se os números de divs atualmente na página é igual a 1 , o código é executado :

Anterior :

Próximo : No
  Os artigos relacionados
·Como ocultar uma DIV em uma postagem em JavaScript 
·Como depurar JavaScript em Eclipse 
·Como usar uma instrução condicional em JQuery 
·Como usar JavaScript desenvolvedor 
·Como verificar MooTools Droppables Contra Desempenho 
·Como fazer Scroll cumulativa offset em jQuery 
·Funções JavaScript para aceitar parâmetros nomeados 
·JavaScript : Apostrophe Problema na URL 
·O que o Arroba média em Javascript 
·Como usar um Lightbox em JavaScript 
  Artigos em destaque
·Como escrever um fluxo de entrada em um fluxo de saída…
·Lista de Desconectado Tipos Webform 
·Como instalar o Java sem privilégios de administrador 
·Como calcular o comprimento de Int em Java 
·Como aprender programação CNC Macros 
·Como Rejeitar os dados que ultrapassam as dimensões 
·Quais são os dois usos do operador + em Java 
·Como remover Atualizações de Software 
·Como passar ponteiros para funções 
·Como instalar um fornecedor Java Application 
Cop e direita © Conhecimento computador http://ptcomputador.com Todos os Direitos Reservados