Come convertire HTML in testo normale in Javascript

March 29

Come convertire HTML in testo normale in Javascript


Una delle cose più utili che si possono 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 tale documento. Esso fornisce un modo per i browser web e linguaggi di scripting come JavaScript per interagire con i vari elementi che compongono il documento. Utilizzando Javascript e di una pagina web DOM, si può facilmente convertire HTML in testo normale.

istruzione

1 Aggiungere una dichiarazione script alla sezione HEAD del documento HTML. Il tag SCRIPT definisce uno script lato client, come JavaScript. Il tag SCRIPT ha bisogno di avere il suo attributo "tipo" impostato su "text / javascript" in modo che l'intera dichiarazione SCRIPT va letto come segue: <script type = "text / javascript"> </ script> (dove il codice JavaScript va tra i due tag).

2 Definire una funzione JavaScript che prende una stringa come parametro. Questo parametro stringa contiene il codice HTML che vi sarà la conversione in testo normale.

3 Creare un elemento DIV temporanea all'interno della vostra funzione JavaScript utilizzando il metodo "createElement ()".

4 Assegnare parametro stringa della vostra funzione di attributo "innerHTML" del DIV temporanea.

5 Creare una variabile stringa temporanea nella funzione.

6 Afferra il contenuto testo normale del DIV temporanea utilizzando il suo "textContent" e attributi "innerText" e assegnarlo alla variabile di stringa temporanea. A causa di problemi di compatibilità cross-browser, sia "textContent" e "innerText" sarà definito in alcuni browser web e indefinito in altri, ma uno o l'altro sarà definito in tutte le versioni di tutti i principali browser.

7 Restituisce il valore detenuto da stringa temporanea utilizzando una dichiarazione "ritorno". Ciò restituirà il valore di testo normale del codice HTML convertito.

Consigli e avvertenze

  • Invece di usare IF-THEN per verificare la compatibilità cross-browser e decidere se utilizzare "textContent" o "innerText" nella funzione, è sufficiente assegnare il valore di testo normale del vostro elemento DIV temporanea per la variabile stringa temporanea come segue: var tmpString = tmpDiv.textContent || tmpDiv.innerText.