Come Convertire HTML in Testo Puro in JavaScript

Una delle cose più utili che puoi fare con JavaScript è manipolare e lavorare con il Document Object Model (DOM) di un documento HTML. Il DOM è una convenzione per rappresentare il contenuto del documento. Fornisce un modo per browser e linguaggi di scripting come JavaScript di interagire con gli elementi che compongono il documento. Usando JavaScript e il DOM di una pagina web, puoi facilmente convertire HTML in testo puro.

Passaggio 1

Aggiungi una dichiarazione SCRIPT alla sezione HEAD del tuo documento HTML. Il tag SCRIPT definisce uno script client-side come JavaScript. Il tuo tag SCRIPT deve avere l'attributo "type" impostato su "text/javascript" così la dichiarazione completa dovrebbe leggersi: (dove il codice JavaScript va tra i due tag).

Passaggio 2

Definisci una funzione JavaScript che accetta una stringa come parametro. Questa stringa contiene l'HTML da convertire in testo puro.

Passaggio 3

Crea un elemento DIV temporaneo dentro la funzione JavaScript usando il metodo "createElement()".

Passaggio 4

Assegna il parametro stringa della funzione all'attributo "innerHTML" del tuo DIV temporaneo.

Passaggio 5

Crea una variabile stringa temporanea nella funzione.

Passaggio 6

Prendi il contenuto testo puro del DIV temporaneo usando i suoi attributi "textContent" e "innerText" e assegnalo alla variabile stringa temporanea. Per compatibilità cross-browser, sia "textContent" che "innerText" saranno definiti in alcuni browser e indefiniti in altri, ma uno dei due sarà definito in tutte le versioni dei principali browser.

Passaggio 7

Restituisci il valore della variabile stringa temporanea con un'istruzione "return". Questo restituirà il valore testo puro dell'HTML convertito.

Suggerimento

Invece di usare IF-THEN per controllare compatibilità cross-browser e decidere se usare "textContent" o "innerText", assegna semplicemente il valore testo puro del DIV temporaneo alla variabile stringa così: var tmpString = tmpDiv.textContent || tmpDiv.innerText.