Javascript internohtml

| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |

Você deve saber como modificar o texto ou HTML que aparece na página para tornar seus sites mais interativos. É aqui que entram os atributos HTML innerText e innerHTML.

Esses atributos facilitam a modificação do texto de um elemento DOM e seu código HTML . Neste guia, você aprenderá como usar os atributos JavaScript innerText e innerHTML.

O que é JavaScript innerHTML?

A propriedade JavaScript innerHTML define o conteúdo HTML de um elemento em uma página da web. InnerHTML é uma propriedade do HTML DOM. innerHTML é frequentemente usado para definir e modificar o conteúdo de um

elemento

Você pode usar innerHTML assim: ..

document.getElementById ("paragraph") innerHTML = " Karma career!";

Esta linha de código define o conteúdo do "parágrafo"

elemento para "Karma career"! O método getElementById () recupera um elemento por seu ID.

O navegador define um href = "/ what-is-the-javascript-dom /" > Documento de modelo de objeto (DOM) quando uma página é carregada. Este DOM é uma série de objetos exibidos na página.

O DOM significa que você não precisa alterar o código HTML toda vez que deseja alterar um elemento da web. Você pode usar o DOM e o JavaScript para alterar a forma como a página aparece em uma determinada sessão

O que é JavaScript innerText?

O JavaScript innerT ext define o conteúdo de texto de um elemento. Também define o conteúdo de seus descendentes. Descendentes podem incluir tags em um parágrafo

A sintaxe de innerText é semelhante à de innerHTML: ..

document.getElementById ("element") InnerText = "This is um teste. & Rdquo ;;

configura o valor de texto do elemento com id "element" como "Este é um teste."

Você pode testar esses métodos acessando seu Console JavaScript e selecionando um elemento para modificar:

Isso altera o conteúdo da primeira tag HTML

em uma página da web. Se você quiser substituir o texto, você pode usar o atributo innerText:.

modifica o conteúdo do segundo parágrafo (indicado pelo número 1) na página "Este é um teste." "

Vamos começar alterando o texto em uma página da Web. Vamos criar uma página da Web simples com flashcards. Esta página da Web exibirá uma pergunta sobre HTML. Ela terá um botão que, quando clicado , revelará a resposta para uma pergunta HTML.

Criar uma página da Web

Nosso primeiro passo é criar um arquivo index.html para nosso encaminhamento: