Usa JavaScript per convertire gli elementi HTML in testo normale.
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 ai browser Web e ai linguaggi di scripting come JavaScript un modo per interagire con i vari elementi che compongono quel documento. Usando JavaScript e il DOM di una pagina web, puoi convertire facilmente HTML in testo normale.
Passo 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 debba essere letta come segue: (dove il codice JavaScript va tra i due tag).
Video del giorno
Passo 2
Definire una funzione JavaScript che accetta una stringa come parametro. Questo parametro stringa contiene l'HTML che verrà convertito 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 di stringa temporanea. A causa di problemi di compatibilità tra browser, in alcuni verranno definiti sia "textContent" che "innerText" browser Web e non definito in altri, ma l'uno o l'altro sarà definito in tutte le versioni di tutti i principali browser.
Passaggio 7
Restituisce il valore contenuto dalla stringa temporanea utilizzando un'istruzione "return". Ciò restituirà il valore di testo normale dell'HTML convertito.
Consiglio
Invece di utilizzare le istruzioni IF-THEN per verificare la compatibilità tra browser e per decidere se utilizzare "textContent" o "innerText" nella tua funzione, assegna semplicemente il valore di testo normale del tuo elemento DIV temporaneo alla variabile di stringa temporanea come segue: var tmpString = tmpDiv.textContent || tmpDiv.innerText.
