Come convertire HTML in testo normale in Javascript

Una delle cose più utili che puoi fare con il linguaggio di scripting JavaScript è manipolare e lavorare con il Document Object Model (o "DOM") di un documento HTML. Il DOM di un documento HTML è una convenzione per rappresentare il contenuto di quel documento. Fornisce un modo per browser Web e linguaggi di scripting come JavaScript per interagire con i vari elementi che compongono quel documento. Usando JavaScript e il DOM di una pagina web, puoi convertire facilmente l'HTML in testo normale.

Passaggio 1

Aggiungi una dichiarazione SCRIPT alla sezione HEAD del tuo documento HTML. Il tag SCRIPT definisce uno script lato client come JavaScript. Il tuo tag SCRIPT deve avere il suo attributo "type" impostato su "text/javascript" in modo che l'intera dichiarazione SCRIPT dovrebbe leggere come segue:(dove il codice JavaScript va tra i due tag).

Passaggio 2

Definire una funzione JavaScript che accetta una stringa come parametro. Questo parametro stringa contiene l'HTML che convertirai in testo normale.

Passaggio 3

Crea un elemento DIV temporaneo all'interno della tua funzione JavaScript utilizzando il metodo "createElement()".

Passaggio 4

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

Passaggio 5

Crea una variabile stringa temporanea nella tua funzione.

Passaggio 6

Prendi il contenuto di testo normale del tuo DIV temporaneo usando i suoi attributi "textContent" e "innerText" e assegnalo alla tua variabile stringa temporanea. A causa di problemi di compatibilità tra browser, sia "textContent" che "innerText" saranno definiti in alcuni browser Web e non definiti in altri, ma l'uno o l'altro saranno definiti in tutte le versioni di tutti i principali browser.

Passaggio 7

Restituisci il valore trattenuto dalla tua stringa temporanea usando un'istruzione "return". Questo restituirà il valore di testo normale del tuo HTML convertito.

Suggerimento

Invece di usare le istruzioni IF-THEN per verificare la compatibilità tra browser e decidere se usare "textContent" o "innerText" nella tua funzione, assegna semplicemente il valore di testo normale del tuo elemento DIV temporaneo alla tua variabile stringa temporanea come segue:var tmpString =tmpDiv.textContent || tmpDiv.innerText.