Slik konverterer HTML til ren tekst i Javascript

Slik konverterer HTML til ren tekst i Javascript


En av de mer nyttige ting du kan gjøre med Javascript skriptspråk det er å manipulere og arbeide med Document Object Model (eller "DOM") av et HTML-dokument. DOM av et HTML-dokument er en konvensjon for å representere innholdet i dette dokumentet. Det gir en måte for nettlesere og skriptspråk som Javascript for å samhandle med de ulike elementene som komponerer det dokumentet. Ved hjelp av Javascript og en nettsides DOM, kan du enkelt konvertere HTML til ren tekst.

Bruksanvisning

1 Legg til skript erklæring til HEAD-delen av HTML-dokumentet. Skriptmerket definerer en klient-side script som Javascript. Din skriptmerket må ha sin "type" attributtet satt til "text / javascript" slik at hele SCRIPT erklæringen skal lyde: <script type = "text / javascript"> </ script> (der Javascript-kode går mellom to tags).

2 Definer en Javascript-funksjon som tar en streng som parameter. Denne strengen parameter inneholder HTML som du skal konvertere til ren tekst.

3 Opprett en midlertidig DIV element inne Javascript-funksjonen ved hjelp av "createElement ()" metoden.

4 Gi din funksjon er streng parameter til den midlertidige DIV er "innerhtml" attributt.

5 Opprett en midlertidig streng variabel i funksjonen.

6 Ta tak i ren tekst innholdet i den midlertidige DIV bruke sin "textcontent" og "innertext" attributter og tilordne den til den midlertidige streng variabel. På grunn av kryss-nettleser kompatibilitetsproblemer, både "textcontent" og "innertext" vil bli definert i enkelte nettlesere og udefinert i andre, men den ene eller den andre vil bli definert i alle versjoner av alle de store nettleserne.

7 Returner verdien holdt av den midlertidige strengen ved hjelp av en "return" statement. Dette vil returnere ren tekst verdien av konverterte HTML.

Hint

  • I stedet for å bruke if-then uttalelser for å sjekke kryss-nettleser kompatibilitet og til å bestemme om du vil bruke "textcontent" eller "innertext" i funksjon, er det bare tildele midlertidige DIV element er ren tekst verdi til den midlertidige streng variabel som følger: var tmpString = tmpDiv.textContent || tmpDiv.innerText.