Tudo que você precisa saber sobre HTML interno em JavaScript

JavaScript é uma das linguagens de programação mais amplamente utilizadas. Também é bastante popular por sua versatilidade em todas as plataformas. Existem diferentes propriedades em que facilitam o seu trabalho de construção de um site dinâmico. Neste artigo, discutiremos o HTML interno em JavaScript na seguinte sequência:

• Introdução ao JavaScript
• HTML interno em JavaScript
  • Lista ordenada ou não ordenada
  • Alterando o URL

Introdução ao JavaScript

JavaScript é usado como uma linguagem de programação do lado do cliente, bem como uma linguagem de programação do lado do servidor. é usado para executar tanto no lado do cliente quanto no lado do servidor de qualquer aplicativo. Um nó também pode ser referido como Node.js em vários lugares.

JavaScript fornece uma infinidade de métodos para várias funcionalidades serem realizadas com facilidade. Isso é o que tornou o JavaScript uma das linguagens de programação mais populares, e também está sendo amplamente usado em vários tipos de desenvolvimento de produto.

HTML interno em JavaScript

O interior propriedade em JavaScript é um dos recursos muito úteis e é amplamente usado para fornecer um aspecto mais dinâmico e versátil para as páginas da web que estão sendo criadas.

Se tentarmos explicar o innerHTML de maneira simples, o trabalho feito pelo innerHTML é simplesmente carregar o conteúdo da página sem atualizar a página inteira. Isso economiza o uso de dados, bem como o tempo de carregamento da página, e é muito fácil de obter. Isso dá ao usuário uma sensação muito rápida e responsiva, tornando a experiência do usuário muito melhor.

converter string para data em java

Pode parecer um pouco difícil, mas vamos tentar entender isso com a ajuda de um exemplo.

Exemplo:

 
Clique aqui para alterar o texto HTML interno.
function myFunction () {document.getElementById ('paragraph1'). innerHTML = 'Parágrafo alterado!' }

Aqui no código acima, na tag de parágrafo, o id disso é paragraph1.

Existe um função chamada myfunction () que seria revogada ao clicar no texto “Clique aqui para alterar o texto do innerHTML”.Quando a função é revogada com o clique, a função é executada dizendo getElementById (“paragraph1”), que afirma que o elemento com o Id como uma demonstração deve ser selecionado.

Além disso, temos a função innerHTML que simplesmente significa após o onclick o que deve ser feito. Aqui, no exemplo acima, é simplesmente “Parágrafo alterado”.

Abaixo está a saída inicial do código acima.

Abaixo está a saída alterada após o clique.

HTML interno com lista ordenada ou não ordenada

Abaixo está um exemplo para mostrar o uso de innerHTML com lista ordenada ou não ordenada.

Exemplo:

mensagem pop-up de script java

 
 
Olá
 
Olá de novo
 
 
Clique no botão abaixo para obter o conteúdo do elemento ul.
Experimente a função helloFunction () {var x = document.getElementById ('myList'). InnerHTML document.getElementById ('paragraph1'). InnerHTML = x}

Aqui, o innerHTML é acionado pelo botão definido pelo nome “Experimente”.

O resultado inicial do texto acima é:

A saída após o clique no botão. O clique no botão não leva ao recarregamento da página, mas sim ao uso de innerHTML.

pivot e unpivot no servidor sql

InnerHTML para alterar o URL

Abaixo está outro exemplo que mostra o uso de innerHTML para alterar a URL no clique do botão.

Exemplo:

  Wikipedia Alterar a função de link myFunction () {document.getElementById ('myAnchor'). InnerHTML = 'Google' document.getElementById ('myAnchor'). Href = 'https://www.google.com' document.getElementById ('myAnchor' ) .target = '_blank'}

O exemplo acima fornece inicialmente o link para o site da Wikipedia, mas quando o botão é clicado, o link muda para o Google.

Existem várias operações em que innerHTML é útil quando a página não deve ser recarregada e apenas uma parte deve ser atualizada.Isso economiza tempo, bem como menos esforços devem ser feitos para a abordagem.A maior vantagem do innerHTML é a experiência do usuário, que é aprimorada com esse recurso.

Confira o por Edureka. O Treinamento de Certificação de Desenvolvimento Web ajudará você a aprender como criar sites impressionantes usando HTML5, CSS3, Twitter Bootstrap 3, jQuery e APIs do Google e implementá-lo no Amazon Simple Storage Service (S3).

Tem alguma questão para nós? Mencione isso na seção de comentários de “Concatenação de String em JavaScript” e entraremos em contato com você.