Como Converter HTML para Texto Simples em JavaScript

Uma das coisas mais úteis do JavaScript é manipular o DOM (Document Object Model) de um documento HTML. O DOM é convenção para representar o conteúdo. Fornece forma de navegadores e linguagens como JavaScript interagirem com elementos do documento. Usando JavaScript e DOM, converte-se HTML para texto simples facilmente.

Passo 1

Adicione declaração SCRIPT na seção HEAD do HTML. Tag SCRIPT define script client-side como JavaScript. Seu SCRIPT precisa ter atributo "type" como "text/javascript". A declaração completa: (código JavaScript entre as tags).

Passo 2

Defina função JavaScript que recebe uma string como parâmetro. Essa string contém o HTML a converter.

Passo 3

Crie elemento DIV temporário dentro da função usando "createElement()".

Passo 4

Atribua o parâmetro string da função ao atributo "innerHTML" do DIV temporário.

Passo 5

Crie variável string temporária na função.

Passo 6

Pegue o conteúdo de texto do DIV temporário usando "textContent" e "innerText" e atribua à variável temporária. Por compatibilidade cross-browser, ambos podem ser definidos em alguns navegadores e indefinidos em outros, mas um ou outro estará definido em todos principais.

Passo 7

Retorne o valor da variável temporária com "return". Isso retorna o valor de texto simples do HTML convertido.

Dica

Em vez de IF-THEN para checar compatibilidade e decidir entre "textContent" ou "innerText", simplesmente atribua: var tmpString = tmpDiv.textContent || tmpDiv.innerText.

• Como Saber se um Site é Confiável
• Como Alterar a Senha de Inicialização do Windows