Como converter html para texto simples em javascript

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 os navegadores e linguagens de script como javascript para interagir com os vários elementos que compõem esse documento. Usando javascript e DOM de uma página web, você pode facilmente converter HTML para texto simples.

  • Adicionar uma declaração SCRIPT para a seção de cabeçalho do seu documento HTML. A tag SCRIPT define um script do lado do cliente, como o javascript. Seu tag SCRIPT precisa ter sua "digitar" atributo definido como "text / javascript" de modo que toda a declaração SCRIPT deve ler da seguinte forma: (onde o código javascript vai entre as duas marcas).

  • Definir uma função javascript que leva uma string como um parâmetro. Este parâmetro de cadeia contém o código HTML que você vai ser a conversão para texto simples.

  • Criar um elemento DIV temporária dentro de sua função javascript usando o "createElement ()" Método.



  • Atribuir parâmetro cadeia de seu função para seus DIV de temporários "innerHTML" atributo.

  • Criar uma variável de cadeia temporária em sua função.

  • Agarrar o conteúdo de texto simples do seu DIV temporária usando seu "textContent" e "innerText" atributos e atribuí-lo à sua cadeia variável temporária. Devido a problemas de compatibilidade cross-browser, tanto "textContent" e "innerText" serão definidos em alguns navegadores da Web e indefinido em outros, mas um ou outro será definido em todas as versões de todos os principais navegadores.

  • Devolver o valor mantido por sua seqüência temporária usando um "Retorna" declaração. Isto irá devolver o valor de texto simples do seu HTML convertido.

dicas & avisos

  • Em vez de usar instruções if-then para verificar a compatibilidade cross-browser e decidir se deseja usar "textContent" ou "innerText" em sua função, simplesmente atribuir o valor de texto simples do seu elemento DIV temporária para a sua cadeia variável temporária da seguinte forma: var tmpString = tmpDiv.textContent || tmpDiv.innerText.
De esta maneira? Compartilhar em redes sociais:

LiveInternet