Use JavaScript para converter elementos HTML em texto simples.
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.
Passo 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 deva ler o seguinte: (onde o código JavaScript fica entre as duas tags).
Vídeo do dia
Passo 2
Defina uma função JavaScript que tenha 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 ()".
Passo 4
Atribua o parâmetro de string da função ao atributo "innerHTML" do 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. Por causa de problemas de compatibilidade entre navegadores, "textContent" e "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 HTML convertido.
Gorjeta
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 à sua variável de string temporária da seguinte maneira: var tmpString = tmpDiv.textContent || tmpDiv.innerText.
