Bruk JavaScript til å konvertere HTML-elementer til ren tekst.
En av de mer nyttige tingene du kan gjøre med JavaScript-skriptspråket er å manipulere og jobbe med Document Object Model (eller "DOM") til et HTML-dokument. DOM-en til et HTML-dokument er en konvensjon for å representere innholdet i det dokumentet. Det gir nettlesere og skriptspråk som JavaScript en måte å samhandle med de ulike elementene som utgjør dokumentet. Ved å bruke JavaScript og en nettsides DOM kan du enkelt konvertere HTML til ren tekst.
Trinn 1
Legg til en SCRIPT-erklæring i HEAD-delen av HTML-dokumentet. SCRIPT-koden definerer et skript på klientsiden, for eksempel JavaScript. SCRIPT-taggen din må ha "type"-attributtet satt til "text/javascript" slik at hele SCRIPT-deklarasjonen skal leses som følger: (der JavaScript-koden går mellom de to taggene).
Dagens video
Steg 2
Definer en JavaScript-funksjon som tar én streng som parameter. Denne strengparameteren inneholder HTML-en du skal konvertere til ren tekst.
Trinn 3
Lag et midlertidig DIV-element i JavaScript-funksjonen din ved å bruke "createElement()"-metoden.
Trinn 4
Tilordne funksjonens strengparameter til den midlertidige DIVs "innerHTML"-attributt.
Trinn 5
Lag en midlertidig strengvariabel i funksjonen din.
Trinn 6
Ta tak i ren tekstinnholdet i den midlertidige DIV-en ved hjelp av attributtene "textContent" og "innerText" og tilordne den til den midlertidige strengvariabelen. På grunn av problemer med kompatibilitet på tvers av nettlesere, vil både "textContent" og "innerText" bli definert i noen nettlesere og udefinerte i andre, men den ene eller den andre vil bli definert i alle versjoner av alle større nettlesere.
Trinn 7
Returner verdien som holdes av den midlertidige strengen ved å bruke en "retur"-setning. Dette vil returnere ren tekstverdien til din konverterte HTML.
Tips
I stedet for å bruke IF-THEN-setninger for å sjekke kompatibilitet på tvers av nettlesere og bestemme om du vil bruke "textContent" eller "innerText" i funksjonen din, bare tilordne det midlertidige DIV-elementets ren tekstverdi til den midlertidige strengvariabelen som følger: var tmpString = tmpDiv.textContent || tmpDiv.innerText.
