Uma das coisas mais úteis que você pode fazer com a linguagem de script JavaScript é manipular e trabalhar com o Document Object Model (ou "DOM") de um documento HTML. O DOM de um documento HTML é uma convenção para representar o conteúdo desse documento. Ele fornece uma maneira para navegadores da Web e linguagens de script, como JavaScript, interagirem com os vários elementos que compõem esse documento. Usando JavaScript e o DOM de uma página da Web, você pode facilmente converter HTML em texto simples.
Etapa 1
Adicione uma declaração SCRIPT à seção HEAD do seu documento HTML. A tag SCRIPT define um script do lado do cliente, como JavaScript. Sua tag SCRIPT precisa ter seu atributo "type" definido como "text/javascript" para que toda a declaração SCRIPT seja lida da seguinte forma:(onde o código JavaScript vai entre as duas tags).
Etapa 2
Defina uma função JavaScript que receba uma string como parâmetro. Este parâmetro de string contém o HTML que você converterá em texto simples.
Etapa 3
Crie um elemento DIV temporário dentro de sua função JavaScript usando o método "createElement()".
Etapa 4
Atribua o parâmetro string da sua função ao atributo "innerHTML" do seu DIV temporário.
Etapa 5
Crie uma variável de string temporária em sua função.
Etapa 6
Pegue o conteúdo de texto simples de seu DIV temporário usando seus atributos "textContent" e "innerText" e atribua-o à sua variável de string temporária. Devido a problemas de compatibilidade entre navegadores, tanto "textContent" quanto "innerText" serão definidos em alguns navegadores da Web e indefinidos em outros, mas um ou outro será definido em todas as versões de todos os principais navegadores.
Etapa 7
Retorne o valor mantido por sua string temporária usando uma instrução "return". Isso retornará o valor de texto simples do seu HTML convertido.
Dica
Em vez de usar instruções IF-THEN para verificar a compatibilidade entre navegadores e decidir se deve usar “textContent” ou “innerText” em sua função, simplesmente atribua o valor de texto simples do elemento DIV temporário à variável de string temporária da seguinte maneira:var tmpString =tmpDiv.textContent || tmpDiv.innerText.
